Create components/media-gallery subdirectory

app/soapbox/components/media-gallery.tsx

@@ -1,4 +1,4 @@
-import classNames, { clsx } from 'clsx';
+import classNames from 'clsx';
 import React, { useState, useRef, useLayoutEffect } from 'react';
 
 import Blurhash from 'soapbox/components/blurhash';
@@ -12,6 +12,8 @@ import { truncateFilename } from 'soapbox/utils/media';
 import { isIOS } from '../is-mobile';
 import { isPanoramic, isPortrait, isNonConformingRatio, minimumAspectRatio, maximumAspectRatio } from '../utils/media-aspect-ratio';
 
+import MediaItemThumbnail from './media-gallery/media-item-thumbnail';
+
 import type { Property } from 'csstype';
 import type { List as ImmutableList } from 'immutable';
 
@@ -546,27 +548,4 @@ const MediaGallery: React.FC<IMediaGallery> = (props) => {
   );
 };
 
-interface IMediaItemThumbnail extends Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'onClick' | 'title'> {
-  children: React.ReactNode
-  pointer?: boolean
-}
-
-const MediaItemThumbnail: React.FC<IMediaItemThumbnail> = ({
-  children,
-  pointer = false,
-  ...rest
-}) => {
-  return (
-    <a
-      className={clsx('media-gallery__item-thumbnail', {
-        'cursor-pointer': pointer,
-      })}
-      target='_blank'
-      {...rest}
-    >
-      {children}
-    </a>
-  );
-};
-
 export default MediaGallery;

app/soapbox/components/media-gallery/media-item-thumbnail.tsx

@@ -0,0 +1,27 @@
+import clsx from 'clsx';
+import React from 'react';
+
+interface IMediaItemThumbnail extends Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'onClick' | 'title'> {
+  children: React.ReactNode
+  pointer?: boolean
+}
+
+const MediaItemThumbnail: React.FC<IMediaItemThumbnail> = ({
+  children,
+  pointer = false,
+  ...rest
+}) => {
+  return (
+    <a
+      className={clsx('media-gallery__item-thumbnail', {
+        'cursor-pointer': pointer,
+      })}
+      target='_blank'
+      {...rest}
+    >
+      {children}
+    </a>
+  );
+};
+
+export default MediaItemThumbnail;