Add youtube short icon (#461)

* first commit * added types to storybook file --------- Co-authored-by: Hugues Coulard <[email protected]>
upfluence · Dec 20, 2024 · f7eabd4 · f7eabd4
1 parent 8b2647a
commit f7eabd4
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 2 deletions.
diff --git a/addon/components/o-s-s/social-post-badge.stories.js b/addon/components/o-s-s/social-post-badge.stories.js
@@ -4,11 +4,13 @@ const SocialPostTypes = [
   'article',
   'facebook_status',
   'instagram_media',
+  'instagram_reel',
   'tiktok_video',
   'story',
   'tweet',
   'pin',
   'youtube_video',
+  'youtube_short',
   'twitch_stream'
 ];
 

diff --git a/addon/components/o-s-s/social-post-badge.ts b/addon/components/o-s-s/social-post-badge.ts
@@ -13,6 +13,7 @@ export type SocialPostType =
   | 'tweet'
   | 'pin'
   | 'youtube_video'
+  | 'youtube_short'
   | 'twitch_stream';
 
 type skinDefinitionType = { [key in SocialPostType]: string };
@@ -27,6 +28,7 @@ export const skinMatching: skinDefinitionType = {
   tweet: 'fab fa-x-twitter',
   pin: 'fab fa-pinterest',
   youtube_video: 'fab fa-youtube',
+  youtube_short: 'youtube-short.svg',
   twitch_stream: 'fab fa-twitch'
 };
 

diff --git a/app/styles/atoms/social-post-badge.less b/app/styles/atoms/social-post-badge.less
@@ -53,7 +53,8 @@
     }
   }
 
-  &--youtube_video {
+  &--youtube_video,
+  &--youtube_short {
     border: 1px solid var(~'--color-youtube-500');
     color: var(~'--color-youtube-500');
 

diff --git a/public/assets/upf-icons/youtube-short.svg b/public/assets/upf-icons/youtube-short.svg
diff --git a/tests/dummy/app/controllers/visual.ts b/tests/dummy/app/controllers/visual.ts
@@ -49,6 +49,10 @@ export default class Visual extends Controller {
       key: 'youtube_video',
       active: false
     },
+    {
+      key: 'youtube_short',
+      active: false
+    },
     {
       key: 'twitch_stream',
       active: false

diff --git a/tests/integration/components/o-s-s/social-post-badge-test.ts b/tests/integration/components/o-s-s/social-post-badge-test.ts
@@ -16,7 +16,8 @@ const ICONS_MATCHING: Record<string, string> = {
   twitch_stream: '.fab.fa-twitch'
 };
 const IMG_MATCHING: Record<string, string> = {
-  instagram_reel: 'instagram-reel.svg'
+  instagram_reel: 'instagram-reel.svg',
+  youtube_short: 'youtube-short.svg'
 };
 
 module('Integration | Component | o-s-s/social-post-badge', function (hooks) {