[WIP] Encryption for secure values (#183)

src-web/components/WorkspaceActionsDropdown.tsx

@@ -33,9 +33,9 @@ export const WorkspaceActionsDropdown = memo(function WorkspaceActionsDropdown({
   const workspaceMeta = useAtomValue(activeWorkspaceMetaAtom);
   const { mutate: deleteSendHistory } = useDeleteSendHistory();
 
-  const { workspaceItems, extraItems } = useMemo<{
+  const { workspaceItems, itemsAfter } = useMemo<{
     workspaceItems: RadioDropdownItem[];
-    extraItems: DropdownItem[];
+    itemsAfter: DropdownItem[];
   }>(() => {
     const workspaceItems: RadioDropdownItem[] = workspaces.map((w) => ({
       key: w.id,
@@ -44,12 +44,12 @@ export const WorkspaceActionsDropdown = memo(function WorkspaceActionsDropdown({
       leftSlot: w.id === workspace?.id ? <Icon icon="check" /> : <Icon icon="empty" />,
     }));
 
-    const extraItems: DropdownItem[] = [
+    const itemsAfter: DropdownItem[] = [
       {
         label: 'Workspace Settings',
         leftSlot: <Icon icon="settings" />,
         hotKeyAction: 'workspace_settings.show',
-        onSelect: () => openWorkspaceSettings.mutate({}),
+        onSelect: () => openWorkspaceSettings.mutate(),
       },
       {
         label: revealInFinderText,
@@ -88,7 +88,7 @@ export const WorkspaceActionsDropdown = memo(function WorkspaceActionsDropdown({
       },
     ];
 
-    return { workspaceItems, extraItems };
+    return { workspaceItems, itemsAfter };
   }, [workspaces, workspaceMeta, deleteSendHistory, createWorkspace, workspace?.id]);
 
   const handleSwitchWorkspace = useCallback(async (workspaceId: string | null) => {
@@ -114,7 +114,7 @@ export const WorkspaceActionsDropdown = memo(function WorkspaceActionsDropdown({
   return (
     <RadioDropdown
       items={workspaceItems}
-      extraItems={extraItems}
+      itemsAfter={itemsAfter}
       onChange={handleSwitchWorkspace}
       value={workspace?.id ?? null}
     >