Add split-pane layout store and navigation shortcuts

2026-03-18 01:36:54 +07:00
parent 30dd54a318
commit 30a225ce9f
22 changed files with 4710 additions and 375 deletions
@@ -1,4 +1,4 @@
-import type { ReactElement, ReactNode } from "react";
+import { useMemo, type ReactElement, type ReactNode } from "react";
 import { Pressable, Text, View } from "react-native";
 import { Check } from "lucide-react-native";
 import { StyleSheet, useUnistyles } from "react-native-unistyles";
@@ -34,15 +34,26 @@ export function useWorkspaceTabPresentation(input: {
    workspaceId: input.workspaceId,
  });

-  return {
-    key: input.tab.key,
-    kind: input.tab.kind,
-    label: descriptor.label,
-    subtitle: descriptor.subtitle,
-    titleState: descriptor.titleState,
-    icon: descriptor.icon,
-    statusBucket: descriptor.statusBucket,
-  };
+  return useMemo(
+    () => ({
+      key: input.tab.key,
+      kind: input.tab.kind,
+      label: descriptor.label,
+      subtitle: descriptor.subtitle,
+      titleState: descriptor.titleState,
+      icon: descriptor.icon,
+      statusBucket: descriptor.statusBucket,
+    }),
+    [
+      descriptor.icon,
+      descriptor.label,
+      descriptor.statusBucket,
+      descriptor.subtitle,
+      descriptor.titleState,
+      input.tab.key,
+      input.tab.kind,
+    ]
+  );
 }

 type WorkspaceTabIconProps = {