add threads

nypublicradio · Dec 4, 2024 · 95ec2f8 · 95ec2f8
1 parent 4ed1527
commit 95ec2f8
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/v2/src/components/VShareToolsItem.vue b/v2/src/components/VShareToolsItem.vue
@@ -16,7 +16,8 @@ import SpotifyIcon from '../assets/icons/SpotifyIcon.vue'
 import TwitterIcon from '../assets/icons/TwitterIcon.vue'
 import YoutubeIcon from '../assets/icons/YoutubeIcon.vue'
 import BlueskyIcon from '../assets/icons/BlueskyIcon.vue'
-import TikTikIcon from '../assets/icons/TikTokIcon.vue'
+import ThreadsIcon from '../assets/icons/ThreadsIcon.vue'
+import TikTokIcon from '../assets/icons/TikTokIcon.vue'
 import MastodonIcon from '../assets/icons/MastodonIcon.vue'
 import LinkIcon from '../assets/icons/LinkIcon.vue'
 
@@ -70,7 +71,8 @@ const icons = {
   youtube: YoutubeIcon,
   site: SiteIcon,
   bluesky: BlueskyIcon,
-  tiktok: TikTikIcon,
+  tiktok: TikTokIcon,
+  threads: ThreadsIcon,
   mastodon: MastodonIcon,
   homepage: LinkIcon,
 }
@@ -118,6 +120,11 @@ const SOCIAL_SERVICE_MAP = {
     shareBase: 'https://bsky.app/intent/compose',
     urlKey: 'text',
   },
+  threads: {
+    profileBase: 'https://threads.net/@',
+    shareBase: 'https://threads.net/intent/post',
+    urlKey: 'text',
+  },
   tiktok: {
     profileBase: 'https://www.tiktok.com/@',
   },

diff --git a/v2/stories/VShareTools.stories.js b/v2/stories/VShareTools.stories.js
@@ -33,6 +33,7 @@ const Template = (args) => ({
             <v-share-tools-item service="youtube" username="UCbysmY4hyViQAAYEzOR-uCQ" />
             <v-share-tools-item service="bluesky" username="npr.org" />
             <v-share-tools-item service="mastodon" link="https://mstdn.social/@NPR" />
+            <v-share-tools-item service="threads" username="npr" />
             <v-share-tools-item service="tiktok" username="npr" />
             <v-share-tools-item service="phone" link="tel:19731231234" />
             <v-share-tools-item service="email" link="mailto:[email protected]" />
@@ -53,6 +54,7 @@ const TemplateShare = (args) => ({
             <v-share-tools-item service="facebook" username="WNYC" action="share" url="https://www.gothamist.com" />
             <v-share-tools-item service="twitter" username="WNYC" action="share" url="https://www.gothamist.com" />
             <v-share-tools-item service="bluesky" username="WNYC" action="share" url="https://www.gothamist.com" />
+            <v-share-tools-item service="threads" username="WNYC" action="share" url="https://www.gothamist.com" />
             <v-share-tools-item service="instagram" username="WNYC" action="share" url="https://www.gothamist.com" />
             <v-share-tools-item service="youtube" username="UCbysmY4hyViQAAYEzOR-uCQ" action="share" url="https://www.gothamist.com" />
             <v-share-tools-item service="email"  :share-parameters="{ body: 'Title of artice' + ' - %URL%' }" action="share" url="https://www.gothamist.com" />