i/next-ai-draw-io
1
0
Fork 0
mirror of https://github.com/DayuanJiang/next-ai-draw-io.git synced 2026-01-02 14:22:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: Reduce Prop Drilling & Improve Separation of Concerns:

Browse Source
This commit is contained in:
dayuan.jiang
2025-03-27 07:48:19 +00:00
parent 13ace596d2
commit 34cc437523
3 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/history-dialog.tsx
View File

@@ -14,17 +14,17 @@ import { useDiagram } from "@/contexts/diagram-context";
interface HistoryDialogProps {
showHistory: boolean;
setShowHistory: (show: boolean) => void;
onToggleHistory: (show: boolean) => void;
}
export function HistoryDialog({
showHistory,
setShowHistory,
onToggleHistory,
}: HistoryDialogProps) {
const { loadDiagram: onDisplayChart, diagramHistory } = useDiagram();
return (
<Dialog open={showHistory} onOpenChange={setShowHistory}>
<Dialog open={showHistory} onOpenChange={onToggleHistory}>
<DialogContent className="max-w-3xl max-h-[80vh] overflow-y-auto">
<DialogHeader>
<DialogTitle>Diagram History</DialogTitle>
@@ -48,7 +48,7 @@ export function HistoryDialog({
className="border rounded-md p-2 cursor-pointer hover:border-primary transition-colors"
onClick={() => {
onDisplayChart(item.xml);
setShowHistory(false);
onToggleHistory(false);
}}
>
<div className="aspect-video bg-white rounded overflow-hidden flex items-center justify-center">
@@ -71,7 +71,7 @@ export function HistoryDialog({
<DialogFooter>
<Button
variant="outline"
onClick={() => setShowHistory(false)}
onClick={() => onToggleHistory(false)}
>
Close
</Button>