Added tumblr button
parent
b2331876ba
commit
bb746fcbd1
|
@ -45,6 +45,7 @@
|
||||||
<a class="whatsapp"></a>
|
<a class="whatsapp"></a>
|
||||||
<a class="copy-url"></a>
|
<a class="copy-url"></a>
|
||||||
<a class="web-share"></a>
|
<a class="web-share"></a>
|
||||||
|
<a class="tumblr"></a>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section>
|
<section>
|
||||||
|
@ -66,6 +67,7 @@
|
||||||
<button class="whatsapp"></button>
|
<button class="whatsapp"></button>
|
||||||
<button class="copy-url"></button>
|
<button class="copy-url"></button>
|
||||||
<button class="web-share"></button>
|
<button class="web-share"></button>
|
||||||
|
<button class="tumblr"></button>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section>
|
<section>
|
||||||
|
@ -92,6 +94,7 @@
|
||||||
<a class="whatsapp"></a>
|
<a class="whatsapp"></a>
|
||||||
<a class="copy-url"></a>
|
<a class="copy-url"></a>
|
||||||
<a class="web-share"></a>
|
<a class="web-share"></a>
|
||||||
|
<a class="tumblr"></a>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section>
|
<section>
|
||||||
|
@ -115,6 +118,7 @@
|
||||||
<a class="whatsapp"></a>
|
<a class="whatsapp"></a>
|
||||||
<a class="copy-url"></a>
|
<a class="copy-url"></a>
|
||||||
<a class="web-share">Share</a>
|
<a class="web-share">Share</a>
|
||||||
|
<a class="tumblr"></a>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -0,0 +1 @@
|
||||||
|
<svg fill="#fff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.563 24c-5.093 0-7.031-3.756-7.031-6.411V9.747H5.116V6.648c3.63-1.313 4.512-4.596 4.71-6.469C9.84.051 9.941 0 9.999 0h3.517v6.114h4.801v3.633h-4.82v7.47c.016 1.001.375 2.371 2.207 2.371h.09c.631-.02 1.486-.205 1.936-.419l1.156 3.425c-.436.636-2.4 1.374-4.156 1.404h-.178l.011.002z"/></svg>
|
After Width: | Height: | Size: 373 B |
|
@ -185,3 +185,10 @@
|
||||||
.shareon > .whatsapp:before {
|
.shareon > .whatsapp:before {
|
||||||
background-image: url("icons/whatsapp.svg");
|
background-image: url("icons/whatsapp.svg");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.shareon > .tumblr {
|
||||||
|
background-color: #36465d;
|
||||||
|
}
|
||||||
|
.shareon > .tumblr:before {
|
||||||
|
background-image: url("icons/tumblr.svg");
|
||||||
|
}
|
||||||
|
|
|
@ -13,7 +13,10 @@ import "./shareon.css";
|
||||||
* media?: string,
|
* media?: string,
|
||||||
* text?: string,
|
* text?: string,
|
||||||
* via?: string,
|
* via?: string,
|
||||||
* fbAppId?: string
|
* fbAppId?: string,
|
||||||
|
* posttype?: string,
|
||||||
|
* tags?:[string],
|
||||||
|
* content?: string || [string]
|
||||||
* }) => string}}
|
* }) => string}}
|
||||||
*/
|
*/
|
||||||
const urlBuilderMap = {
|
const urlBuilderMap = {
|
||||||
|
@ -31,6 +34,7 @@ const urlBuilderMap = {
|
||||||
viber: (d) => `viber://forward?text=${d.title}%0D%0A${d.url}${d.text ? `%0D%0A%0D%0A${d.text}` : ''}`,
|
viber: (d) => `viber://forward?text=${d.title}%0D%0A${d.url}${d.text ? `%0D%0A%0D%0A${d.text}` : ''}`,
|
||||||
vkontakte: (d) => `https://vk.com/share.php?url=${d.url}&title=${d.title}${d.media ? `&image=${d.media}` : ''}`,
|
vkontakte: (d) => `https://vk.com/share.php?url=${d.url}&title=${d.title}${d.media ? `&image=${d.media}` : ''}`,
|
||||||
whatsapp: (d) => `https://wa.me/?text=${d.title}%0D%0A${d.url}${d.text ? `%0D%0A%0D%0A${d.text}` : ''}`,
|
whatsapp: (d) => `https://wa.me/?text=${d.title}%0D%0A${d.url}${d.text ? `%0D%0A%0D%0A${d.text}` : ''}`,
|
||||||
|
tumblr: (d) => `https://www.tumblr.com/widgets/share/tool?posttype=${d.posttype}&tags=${d.tags}${d.title? `&title=${d.title}`:''}&content=${d.content}${d.caption? `&caption=${d.caption}`:''}${d.via? `&show-via=${d.via}`:''}`,
|
||||||
};
|
};
|
||||||
|
|
||||||
const openUrl = (buttonUrl) => () => {
|
const openUrl = (buttonUrl) => () => {
|
||||||
|
|
Loading…
Reference in New Issue