feat: improve admin panel (#14180)

packages/frontend/admin/src/modules/ai/discard-changes.tsx

@@ -1,44 +0,0 @@
-import { Button } from '@affine/admin/components/ui/button';
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from '@affine/admin/components/ui/dialog';
-
-export const DiscardChanges = ({
-  open,
-  onClose,
-  onConfirm,
-  onOpenChange,
-}: {
-  open: boolean;
-  onClose: () => void;
-  onConfirm: () => void;
-  onOpenChange: (open: boolean) => void;
-}) => {
-  return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="sm:w-[460px]">
-        <DialogHeader>
-          <DialogTitle className="leading-7">Discard Changes</DialogTitle>
-          <DialogDescription className="leading-6">
-            Changes to this prompt will not be saved.
-          </DialogDescription>
-        </DialogHeader>
-        <DialogFooter className="mt-6">
-          <div className="flex justify-end gap-2 items-center w-full">
-            <Button type="button" onClick={onClose} variant="outline">
-              <span>Cancel</span>
-            </Button>
-            <Button type="button" onClick={onConfirm} variant="destructive">
-              <span>Discard</span>
-            </Button>
-          </div>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  );
-};

packages/frontend/admin/src/modules/ai/prompts.tsx

@@ -3,8 +3,8 @@ import { Separator } from '@affine/admin/components/ui/separator';
 import type { CopilotPromptMessageRole } from '@affine/graphql';
 import { useCallback, useState } from 'react';
 
+import { DiscardChanges } from '../../components/shared/discard-changes';
 import { useRightPanel } from '../panel/context';
-import { DiscardChanges } from './discard-changes';
 import { EditPrompt } from './edit-prompt';
 import { usePrompt } from './use-prompt';