feat: add blocked content tutorial video placement

packages/shared/src/components/feeds/FeedSettings/sections/FeedSettingsBlockingSection.tsx

@@ -19,6 +19,9 @@ import { BlockedSourceList } from '../components/BlockedSourceList';
 import { SourceType } from '../../../../graphql/sources';
 import { BlockedUserList } from '../components/BlockedUserList';
 import { BlockedTagList } from '../components/BlockedTagList';
+import { TutorialVideoButton } from '../../../video/TutorialVideoButton';
+import { feedBlockingTutorialVideoId } from '../../../../lib/video';
+import { feedBlockingTutorialVideo } from '../../../../lib/constants';
 
 enum FeedSettingsBlockingSectionTabs {
   Sources = 'Sources',
@@ -51,13 +54,20 @@ export const FeedSettingsBlockingSection = (): ReactElement => {
         placeholder="Search sources, squads, users, or tags"
         valueChanged={onSearch}
       />
-      <Typography
-        color={TypographyColor.Tertiary}
-        type={TypographyType.Callout}
-      >
-        Block sources, squads, users, or tags you never want to see. Anything
-        blocked here is removed from your feed entirely.
-      </Typography>
+      <div className="flex flex-col items-start gap-2">
+        <Typography
+          color={TypographyColor.Tertiary}
+          type={TypographyType.Callout}
+        >
+          Block sources, squads, users, or tags you never want to see. Anything
+          blocked here is removed from your feed entirely.
+        </Typography>
+        <TutorialVideoButton
+          videoId={feedBlockingTutorialVideoId}
+          videoUrl={feedBlockingTutorialVideo}
+          title="See less of what you don't want"
+        />
+      </div>
       <BlockedWords />
       <ModalPropsContext.Provider
         value={{

packages/shared/src/lib/constants.ts

@@ -14,6 +14,7 @@ export const ownershipGuide = 'https://r.daily.dev/claim';
 export const contentGuidelines = 'https://r.daily.dev/content-guidelines';
 export const companionExplainerVideo = 'https://r.daily.dev/companion-overview';
 export const feedTagsTutorialVideo = 'https://r.daily.dev/feed-tags';
+export const feedBlockingTutorialVideo = '';
 export const companionPermissionGrantedLink =
   'https://r.daily.dev/try-the-companion';
 export const recruiterScheduleUrl = 'https://recruiter.daily.dev/schedule';

packages/shared/src/lib/video.ts

@@ -1,4 +1,5 @@
 export const feedTagsTutorialVideoId = 'A5z3m2W0JXo';
+export const feedBlockingTutorialVideoId = '';
 
 const videoMimeTypes: Record<string, string> = {
   mp4: 'video/mp4',