Reduce unnecessary boilerplate for dialogs (#200)

Author: unmade

src/apps/files/components/dialogs/copy-link/context.tsx

@@ -0,0 +1,15 @@
+import { useCallback, useMemo } from 'react';
+
+import type { IFile } from '@/types/files';
+
+import { useFilesDialogsRegistry } from '../registry';
+
+export function useCopyLinkDialog() {
+  const { dispatch } = useFilesDialogsRegistry();
+  const openDialog = useCallback(
+    (file: IFile) => dispatch({ type: 'open-copy-link', file }),
+    [dispatch],
+  );
+  const closeDialog = useCallback(() => dispatch({ type: 'close', key: 'copyLink' }), [dispatch]);
+  return useMemo(() => ({ openDialog, closeDialog }), [closeDialog, openDialog]);
+}

src/apps/files/components/dialogs/copy-link/hooks.tsx

@@ -1 +1,2 @@
-export { CopyLinkDialogProvider, useCopyLinkDialog } from './context';
+export { CopyLinkDialog } from './dialog';
+export { useCopyLinkDialog } from './hooks';

src/apps/files/components/dialogs/copy-link/index.tsx

@@ -0,0 +1,16 @@
+import { useCallback, useMemo } from 'react';
+
+import { useFilesDialogsRegistry } from '../registry';
+
+export function useCreateFolderDialog() {
+  const { dispatch } = useFilesDialogsRegistry();
+  const openDialog = useCallback(
+    (path: string) => dispatch({ type: 'open-create-folder', path }),
+    [dispatch],
+  );
+  const closeDialog = useCallback(
+    () => dispatch({ type: 'close', key: 'createFolder' }),
+    [dispatch],
+  );
+  return useMemo(() => ({ openDialog, closeDialog }), [closeDialog, openDialog]);
+}

src/apps/files/components/dialogs/create-folder/context.tsx

@@ -1 +1,2 @@
-export { CreateFolderDialogProvider, useCreateFolderDialog } from './context';
+export { CreateFolderDialog } from './dialog';
+export { useCreateFolderDialog } from './hooks';

src/apps/files/components/dialogs/create-folder/hooks.tsx

@@ -0,0 +1,18 @@
+import { useCallback, useMemo } from 'react';
+
+import type { IFile } from '@/types/files';
+
+import { useFilesDialogsRegistry } from '../registry';
+
+export function useDeleteImmediatelyDialog() {
+  const { dispatch } = useFilesDialogsRegistry();
+  const openDialog = useCallback(
+    (files: IFile[]) => dispatch({ type: 'open-delete-immediately', files }),
+    [dispatch],
+  );
+  const closeDialog = useCallback(
+    () => dispatch({ type: 'close', key: 'deleteImmediately' }),
+    [dispatch],
+  );
+  return useMemo(() => ({ openDialog, closeDialog }), [closeDialog, openDialog]);
+}

src/apps/files/components/dialogs/create-folder/index.tsx

@@ -1 +1,2 @@
-export { DeleteImmediatelyDialogProvider, useDeleteImmediatelyDialog } from './context';
+export { DeleteImmediatelyDialogContainer } from './dialog';
+export { useDeleteImmediatelyDialog } from './hooks';