From e6259931e862e29ce17328fc9b010525d9bc03ca Mon Sep 17 00:00:00 2001
From: Eli Mallon <eli@aquareum.tv>
Date: Mon, 12 May 2025 12:01:46 -0700
Subject: [PATCH] app: stub out thumbnail-selector until we're ready

---
 js/app/components/create-livestream.tsx                     | 4 ++--
 js/app/components/thumbnail-selector/index.tsx              | 2 ++
 js/app/components/thumbnail-selector/shared.tsx             | 4 ++++
 .../thumbnail-selector/thumbnail-selector.native.tsx        | 6 ++++++
 js/app/components/thumbnail-selector/thumbnail-selector.tsx | 6 +-----
 5 files changed, 15 insertions(+), 7 deletions(-)
 create mode 100644 js/app/components/thumbnail-selector/index.tsx
 create mode 100644 js/app/components/thumbnail-selector/shared.tsx
 create mode 100644 js/app/components/thumbnail-selector/thumbnail-selector.native.tsx

diff --git a/js/app/components/create-livestream.tsx b/js/app/components/create-livestream.tsx
index 307ec97b..60e6b6e2 100644
--- a/js/app/components/create-livestream.tsx
+++ b/js/app/components/create-livestream.tsx
@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { Button, Label, Paragraph, TextArea, View, isWeb } from "tamagui";
 import { useToastController } from "@tamagui/toast";
 import {
@@ -8,7 +8,7 @@ import {
 } from "features/bluesky/blueskySlice";
 import { useAppDispatch, useAppSelector } from "store/hooks";
 import { useLiveUser } from "hooks/useLiveUser";
-import ThumbnailSelector from "components/thumbnail-selector/thumbnail-selector";
+import ThumbnailSelector from "components/thumbnail-selector";
 import { useCaptureVideoFrame } from "hooks/useCaptureVideoFrame";
 
 const Left = ({ children }: { children: React.ReactNode }) => {
diff --git a/js/app/components/thumbnail-selector/index.tsx b/js/app/components/thumbnail-selector/index.tsx
new file mode 100644
index 00000000..3862f18c
--- /dev/null
+++ b/js/app/components/thumbnail-selector/index.tsx
@@ -0,0 +1,2 @@
+import ThumbnailSelector from "./thumbnail-selector";
+export default ThumbnailSelector;
diff --git a/js/app/components/thumbnail-selector/shared.tsx b/js/app/components/thumbnail-selector/shared.tsx
new file mode 100644
index 00000000..05f29e13
--- /dev/null
+++ b/js/app/components/thumbnail-selector/shared.tsx
@@ -0,0 +1,4 @@
+export interface ThumbnailSelectorProps {
+  onThumbnailSelected: (blob: Blob | undefined) => void;
+  thumbnailUrl?: string;
+}
diff --git a/js/app/components/thumbnail-selector/thumbnail-selector.native.tsx b/js/app/components/thumbnail-selector/thumbnail-selector.native.tsx
new file mode 100644
index 00000000..bc568a79
--- /dev/null
+++ b/js/app/components/thumbnail-selector/thumbnail-selector.native.tsx
@@ -0,0 +1,6 @@
+import { Paragraph } from "tamagui";
+import { ThumbnailSelectorProps } from "./shared";
+
+export default function ThumbnailSelector(props: ThumbnailSelectorProps) {
+  return <Paragraph>NYI</Paragraph>;
+}
diff --git a/js/app/components/thumbnail-selector/thumbnail-selector.tsx b/js/app/components/thumbnail-selector/thumbnail-selector.tsx
index e5aff782..33908a28 100644
--- a/js/app/components/thumbnail-selector/thumbnail-selector.tsx
+++ b/js/app/components/thumbnail-selector/thumbnail-selector.tsx
@@ -3,11 +3,7 @@ import { Button, Image, Text, View, isWeb } from "tamagui";
 import { Platform } from "react-native";
 import * as ImagePicker from "expo-image-picker";
 import { Camera, Image as ImageIcon, X } from "@tamagui/lucide-icons";
-
-interface ThumbnailSelectorProps {
-  onThumbnailSelected: (blob: Blob | undefined) => void;
-  thumbnailUrl?: string;
-}
+import { ThumbnailSelectorProps } from "./shared";
 
 export default function ThumbnailSelector({
   onThumbnailSelected,
-- 
2.51.2