From 65c4a1340d2ba326152f246571da8a4b97268339 Mon Sep 17 00:00:00 2001
From: sarendsen <coding-mosses0z@icloud.com>
Date: Thu, 30 Jan 2025 11:19:36 +0100
Subject: [PATCH] WIP

---
 components/common/TouchableItemRouter.tsx | 158 ++++++++++++----------
 1 file changed, 87 insertions(+), 71 deletions(-)

diff --git a/components/common/TouchableItemRouter.tsx b/components/common/TouchableItemRouter.tsx
index cb6dff12..ceb13638 100644
--- a/components/common/TouchableItemRouter.tsx
+++ b/components/common/TouchableItemRouter.tsx
@@ -1,4 +1,5 @@
 import { useMarkAsPlayed } from "@/hooks/useMarkAsPlayed";
+import { Platform } from "react-native";
 import {
   BaseItemDto,
   BaseItemPerson,
@@ -67,79 +68,94 @@ export const TouchableItemRouter: React.FC<PropsWithChildren<Props>> = ({
     from === "(libraries)" ||
     from === "(favorites)"
   )
-    return (
-      <ContextMenu.Root>
-        <ContextMenu.Trigger>
-          <TouchableOpacity
-            onPress={() => {
-              const url = itemRouter(item, from);
-              // @ts-ignore
-              router.push(url);
-            }}
-            {...props}
-          >
-            {children}
-          </TouchableOpacity>
-        </ContextMenu.Trigger>
-        <ContextMenu.Content
-          avoidCollisions
-          alignOffset={0}
-          collisionPadding={0}
-          loop={false}
-          key={"content"}
+    if (Platform.isTV) {
+      return (
+        <TouchableOpacity
+          onPress={() => {
+            const url = itemRouter(item, from);
+            // @ts-ignore
+            router.push(url);
+          }}
+          {...props}
         >
-          <ContextMenu.Label key="label-1">Actions</ContextMenu.Label>
-          <ContextMenu.Item
-            key="item-1"
-            onSelect={() => {
-              markAsPlayedStatus(true);
-            }}
-            shouldDismissMenuOnSelect
-          >
-            <ContextMenu.ItemTitle key="item-1-title">
-              Mark as watched
-            </ContextMenu.ItemTitle>
-            <ContextMenu.ItemIcon
-              ios={{
-                name: "checkmark.circle", // Changed to "checkmark.circle" which represents "watched"
-                pointSize: 18,
-                weight: "semibold",
-                scale: "medium",
-                hierarchicalColor: {
-                  dark: "green", // Changed to green for "watched"
-                  light: "green",
-                },
+          {children}
+        </TouchableOpacity>
+      );
+    } else {
+      return (
+        <ContextMenu.Root>
+          <ContextMenu.Trigger>
+            <TouchableOpacity
+              onPress={() => {
+                const url = itemRouter(item, from);
+                // @ts-ignore
+                router.push(url);
               }}
-              androidIconName="checkmark-circle"
-            ></ContextMenu.ItemIcon>
-          </ContextMenu.Item>
-          <ContextMenu.Item
-            key="item-2"
-            onSelect={() => {
-              markAsPlayedStatus(false);
-            }}
-            shouldDismissMenuOnSelect
-            destructive
+              {...props}
+            >
+              {children}
+            </TouchableOpacity>
+          </ContextMenu.Trigger>
+          <ContextMenu.Content
+            avoidCollisions
+            alignOffset={0}
+            collisionPadding={0}
+            loop={false}
+            key={"content"}
           >
-            <ContextMenu.ItemTitle key="item-2-title">
-              Mark as not watched
-            </ContextMenu.ItemTitle>
-            <ContextMenu.ItemIcon
-              ios={{
-                name: "eye.slash", // Changed to "eye.slash" which represents "not watched"
-                pointSize: 18, // Adjusted for better visibility
-                weight: "semibold",
-                scale: "medium",
-                hierarchicalColor: {
-                  dark: "red", // Changed to red for "not watched"
-                  light: "red",
-                },
-                // Removed paletteColors as it's not necessary in this case
+            <ContextMenu.Label key="label-1">Actions</ContextMenu.Label>
+            <ContextMenu.Item
+              key="item-1"
+              onSelect={() => {
+                markAsPlayedStatus(true);
               }}
-              androidIconName="eye-slash"
-            ></ContextMenu.ItemIcon>
-          </ContextMenu.Item>
-        </ContextMenu.Content>
-      </ContextMenu.Root>
-    );
+              shouldDismissMenuOnSelect
+            >
+              <ContextMenu.ItemTitle key="item-1-title">
+                Mark as watched
+              </ContextMenu.ItemTitle>
+              <ContextMenu.ItemIcon
+                ios={{
+                  name: "checkmark.circle", // Changed to "checkmark.circle" which represents "watched"
+                  pointSize: 18,
+                  weight: "semibold",
+                  scale: "medium",
+                  hierarchicalColor: {
+                    dark: "green", // Changed to green for "watched"
+                    light: "green",
+                  },
+                }}
+                androidIconName="checkmark-circle"
+              ></ContextMenu.ItemIcon>
+            </ContextMenu.Item>
+            <ContextMenu.Item
+              key="item-2"
+              onSelect={() => {
+                markAsPlayedStatus(false);
+              }}
+              shouldDismissMenuOnSelect
+              destructive
+            >
+              <ContextMenu.ItemTitle key="item-2-title">
+                Mark as not watched
+              </ContextMenu.ItemTitle>
+              <ContextMenu.ItemIcon
+                ios={{
+                  name: "eye.slash", // Changed to "eye.slash" which represents "not watched"
+                  pointSize: 18, // Adjusted for better visibility
+                  weight: "semibold",
+                  scale: "medium",
+                  hierarchicalColor: {
+                    dark: "red", // Changed to red for "not watched"
+                    light: "red",
+                  },
+                  // Removed paletteColors as it's not necessary in this case
+                }}
+                androidIconName="eye-slash"
+              ></ContextMenu.ItemIcon>
+            </ContextMenu.Item>
+          </ContextMenu.Content>
+        </ContextMenu.Root>
+      );
+    }
 };