docs: Move ExampleVideo to MDXComponents (#6145)

Because ExampleVideo started to be widely used in documentations mdx, we moved it to MDXComponents.js to use it without further imports.
software-mansion · Jul 1, 2024 · 4c4ec47 · 4c4ec47
1 parent 188de25
commit 4c4ec47
Show file tree

Hide file tree

Showing 9 changed files with 2 additions and 8 deletions.
diff --git a/packages/docs-reanimated/blog/accordion.md b/packages/docs-reanimated/blog/accordion.md
@@ -7,7 +7,6 @@ An accordion allows to show and hide a piece of content with a smooth animation.
 
 import Accordion from '@site/static/examples/Accordion';
 import AccordionSrc from '!!raw-loader!@site/static/examples/Accordion';
-import ExampleVideo from '@site/src/components/ExampleVideo';
 
 <InteractiveExample src={AccordionSrc} component={Accordion} />
 

diff --git a/packages/docs-reanimated/blog/bottom-sheet.md b/packages/docs-reanimated/blog/bottom-sheet.md
@@ -7,7 +7,6 @@ Bottom sheets are surfaces containing supplementary content, anchored to the bot
 
 import BottomSheet from '@site/static/examples/BottomSheet';
 import BottomSheetSrc from '!!raw-loader!@site/static/examples/BottomSheet';
-import ExampleVideo from '@site/src/components/ExampleVideo';
 import CollapsibleCode from '@site/src/components/CollapsibleCode';
 
 <InteractiveExample src={BottomSheetSrc} component={BottomSheet} />

diff --git a/packages/docs-reanimated/blog/flip-card.md b/packages/docs-reanimated/blog/flip-card.md
@@ -7,7 +7,6 @@ Flip card allows you to display different content depending on whether the card
 
 import FlipCard from '@site/static/examples/FlipCard';
 import FlipCardSrc from '!!raw-loader!@site/static/examples/FlipCard';
-import ExampleVideo from '@site/src/components/ExampleVideo';
 
 <InteractiveExample src={FlipCardSrc} component={FlipCard} />
 

diff --git a/packages/docs-reanimated/blog/floating-action-button.md b/packages/docs-reanimated/blog/floating-action-button.md
@@ -7,7 +7,6 @@ Floating Action Button provides user with easy-accessible panel with primary or
 
 import FloatingActionButton from '@site/static/examples/FloatingActionButton';
 import FloatingActionButtonSrc from '!!raw-loader!@site/static/examples/FloatingActionButton';
-import ExampleVideo from '@site/src/components/ExampleVideo';
 import CollapsibleCode from '@site/src/components/CollapsibleCode';
 
 <InteractiveExample src={FloatingActionButtonSrc} component={FloatingActionButton} />

diff --git a/packages/docs-reanimated/blog/marquee.md b/packages/docs-reanimated/blog/marquee.md
@@ -7,7 +7,6 @@ A marquee is an element used to display scrolling content horizontally within a
 
 import Marquee from '@site/static/examples/Marquee';
 import MarqueeSrc from '!!raw-loader!@site/static/examples/Marquee';
-import ExampleVideo from '@site/src/components/ExampleVideo';
 import CollapsibleCode from '@site/src/components/CollapsibleCode';
 
 <InteractiveExample src={MarqueeSrc} component={Marquee} />

diff --git a/packages/docs-reanimated/blog/section-list.md b/packages/docs-reanimated/blog/section-list.md
@@ -5,7 +5,6 @@ title: Section List
 
 import SectionList from '@site/static/examples/SectionList';
 import SectionListSrc from '!!raw-loader!@site/static/examples/SectionList';
-import ExampleVideo from '@site/src/components/ExampleVideo';
 import CollapsibleCode from '@site/src/components/CollapsibleCode';
 
 Section lists allow you to organize long lists of content by dividing them with headings.

diff --git a/packages/docs-reanimated/blog/slider.md b/packages/docs-reanimated/blog/slider.md
@@ -7,7 +7,6 @@ Slider allows users to adjust a value or control a setting by sliding a handle a
 
 import Slider from '@site/static/examples/Slider';
 import SliderSrc from '!!raw-loader!@site/static/examples/Slider';
-import ExampleVideo from '@site/src/components/ExampleVideo';
 import CollapsibleCode from '@site/src/components/CollapsibleCode';
 
 <InteractiveExample src={SliderSrc} component={Slider} />

diff --git a/packages/docs-reanimated/blog/switch.md b/packages/docs-reanimated/blog/switch.md
@@ -7,7 +7,6 @@ A switch element is a user interface component that allows users to toggle betwe
 
 import Switch from '@site/static/examples/Switch';
 import SwitchSrc from '!!raw-loader!@site/static/examples/Switch';
-import ExampleVideo from '@site/src/components/ExampleVideo';
 import CollapsibleCode from '@site/src/components/CollapsibleCode';
 
 <InteractiveExample src={SwitchSrc} component={Switch} />

diff --git a/packages/docs-reanimated/src/theme/MDXComponents.js b/packages/docs-reanimated/src/theme/MDXComponents.js
@@ -3,6 +3,7 @@ import MDXComponents from '@theme-original/MDXComponents';
 import InteractiveExample from '@site/src/components/InteractiveExample';
 import InteractivePlayground from '@site/src/components/InteractivePlayground';
 import CollapsibleCode from '@site/src/components/CollapsibleCode';
+import ExampleVideo from '@site/src/components/ExampleVideo';
 import { Yes, No, Version, Spacer } from '@site/src/components/Compatibility';
 import Optional from '@site/src/components/Optional';
 import Indent from '@site/src/components/Indent';
@@ -18,6 +19,7 @@ export default {
   InteractiveExample,
   InteractivePlayground,
   CollapsibleCode,
+  ExampleVideo,
   Yes,
   No,
   Version,