Fix RPC customization settings

- Added logic to disable timestamp if not "listening to". - Added a
warning message if timestamp is unavailable.

plugins/multi-scrobbler/src/ui/pages/pages/RPCCustomizationSettingsPage.tsx

@@ -6,6 +6,7 @@ import {
   Stack,
   TableRowGroup,
   TableSwitchRow,
+  TableRow,
 } from "./components/TableComponents";
 import { plugin } from "@vendetta";
 import Constants from "../../../constants";
@@ -16,6 +17,35 @@ export default function RPCCustomizationSettingsPage() {
   useProxy(plugin.storage);
   const [, forceUpdate] = React.useReducer((x) => x + 1, 0);
 
+  const isListeningTo = getStorage(
+    "listeningTo",
+    Constants.DEFAULT_SETTINGS.listeningTo,
+  );
+  const showTimestamp = getStorage(
+    "showTimestamp",
+    Constants.DEFAULT_SETTINGS.showTimestamp,
+  );
+
+  const handleListeningToChange = (value: boolean) => {
+    setStorage("listeningTo", value);
+
+    // If turning off "Show as Listening", also turn off "Show Timestamp"
+    if (!value && showTimestamp) {
+      setStorage("showTimestamp", false);
+    }
+
+    forceUpdate();
+  };
+
+  const handleTimestampChange = (value: boolean) => {
+    // Only allow turning on timestamp if "Show as Listening" is enabled
+    if (value && !isListeningTo) {
+      return;
+    }
+    setStorage("showTimestamp", value);
+    forceUpdate();
+  };
+
   return (
     <ScrollView style={{ flex: 1 }} contentContainerStyle={{ padding: 10 }}>
       <RPCPreview />
@@ -24,14 +54,8 @@ export default function RPCCustomizationSettingsPage() {
           <TableSwitchRow
             label="Show as Listening"
             subLabel="Display as 'Listening to' instead of 'Playing'"
-            value={getStorage(
+            value={isListeningTo}
-              "listeningTo",
+            onValueChange={handleListeningToChange}
-              Constants.DEFAULT_SETTINGS.listeningTo,
-            )}
-            onValueChange={(value: boolean) => {
-              setStorage("listeningTo", value);
-              forceUpdate();
-            }}
           />
           <TableSwitchRow
             label="Show Tooltip Text"
@@ -42,18 +66,26 @@ export default function RPCCustomizationSettingsPage() {
               forceUpdate();
             }}
           />
+
+          {/* Warning row when timestamp is disabled */}
+          {!isListeningTo && (
+            <TableRow
+              label="Timestamp Unavailable"
+              subLabel="Enable 'Show as Listening' to use timestamp feature"
+              disabled={true}
+              dimmed={true}
+            />
+          )}
+
           <TableSwitchRow
             label="Show Timestamp"
             subLabel="Display track progress and duration"
-            value={getStorage(
+            value={showTimestamp}
-              "showTimestamp",
+            onValueChange={handleTimestampChange}
-              Constants.DEFAULT_SETTINGS.showTimestamp,
+            disabled={!isListeningTo}
-            )}
+            dimmed={!isListeningTo}
-            onValueChange={(value: boolean) => {
-              setStorage("showTimestamp", value);
-              forceUpdate();
-            }}
           />
+
           <TableSwitchRow
             label="Show Album in Tooltip"
             subLabel="Include album name in the tooltip text"