Add the ability to duplicate folders (#144)

src-web/components/Sidebar.tsx

@@ -22,6 +22,7 @@ import { useAppRoutes } from '../hooks/useAppRoutes';
 import { useCreateDropdownItems } from '../hooks/useCreateDropdownItems';
 import { useDeleteFolder } from '../hooks/useDeleteFolder';
 import { useDeleteRequest } from '../hooks/useDeleteRequest';
+import { useDuplicateFolder } from '../hooks/useDuplicateFolder';
 import { useDuplicateGrpcRequest } from '../hooks/useDuplicateGrpcRequest';
 import { useDuplicateHttpRequest } from '../hooks/useDuplicateHttpRequest';
 import { useFolders } from '../hooks/useFolders';
@@ -699,6 +700,7 @@ function SidebarItem({
   const deleteFolder = useDeleteFolder(itemId);
   const deleteRequest = useDeleteRequest(itemId);
   const renameRequest = useRenameRequest(itemId);
+  const duplicateFolder = useDuplicateFolder(itemId);
   const duplicateHttpRequest = useDuplicateHttpRequest({ id: itemId, navigateAfter: true });
   const duplicateGrpcRequest = useDuplicateGrpcRequest({ id: itemId, navigateAfter: true });
   const sendRequest = useSendAnyHttpRequest();
@@ -802,6 +804,12 @@ function SidebarItem({
               render: () => <FolderSettingsDialog folderId={itemId} />,
             }),
         },
+        {
+          key: 'duplicateFolder',
+          label: 'Duplicate',
+          leftSlot: <Icon icon="copy" />,
+          onSelect: () => duplicateFolder.mutate(),
+        },
         {
           key: 'delete-folder',
           label: 'Delete',
@@ -877,7 +885,7 @@ function SidebarItem({
     createDropdownItems,
     deleteFolder,
     deleteRequest,
-    dialog,
+    duplicateFolder,
     duplicateGrpcRequest,
     duplicateHttpRequest,
     httpRequestActions,