paulmataruso/chartdb
1
0
Fork 0
mirror of https://github.com/chartdb/chartdb.git synced 2025-11-04 05:53:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

delete diagram

Browse Source
This commit is contained in:
Guy Ben-Aharon
2024-08-24 14:03:45 +03:00
parent 7d82e75f7e
commit ed90268366
3 changed files with 26 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/empty-state/empty-state.tsx
View File

@@ -11,8 +11,9 @@ export interface EmptyStateProps {
export const EmptyState = forwardRef<
HTMLDivElement,
React.HTMLAttributes<HTMLDivElement> & EmptyStateProps
>(({ title, description, className }) => (
>(({ title, description, className }, ref) => (
<div
ref={ref}
className={cn(
'flex flex-col items-center justify-center space-y-1',
className
@@ -25,3 +26,5 @@ export const EmptyState = forwardRef<
</Label>
</div>
));
EmptyState.displayName = 'EmptyState';

23
src/context/chartdb-context/chartdb-provider.tsx
View File

@@ -11,6 +11,7 @@ import { useStorage } from '@/hooks/use-storage';
import { useRedoUndoStack } from '@/hooks/use-redo-undo-stack';
import { Diagram } from '@/lib/domain/diagram';
import { useNavigate } from 'react-router-dom';
import { useConfig } from '@/hooks/use-config';
export const ChartDBProvider: React.FC<React.PropsWithChildren> = ({
children,
@@ -21,6 +22,7 @@ export const ChartDBProvider: React.FC<React.PropsWithChildren> = ({
useRedoUndoStack();
const [diagramId, setDiagramId] = useState('');
const [diagramName, setDiagramName] = useState('');
const { updateConfig } = useConfig();
const [diagramCreatedAt, setDiagramCreatedAt] = useState<Date>(new Date());
const [diagramUpdatedAt, setDiagramUpdatedAt] = useState<Date>(new Date());
const [databaseType, setDatabaseType] = useState<DatabaseType>(
@@ -69,6 +71,14 @@ export const ChartDBProvider: React.FC<React.PropsWithChildren> = ({
const deleteDiagram: ChartDBContext['deleteDiagram'] =
useCallback(async () => {
setDiagramId('');
setDiagramName('');
setDatabaseType(DatabaseType.GENERIC);
setTables([]);
setRelationships([]);
resetRedoStack();
resetUndoStack();
const [config] = await Promise.all([
db.getConfig(),
db.deleteDiagramTables(diagramId),
@@ -81,14 +91,21 @@ export const ChartDBProvider: React.FC<React.PropsWithChildren> = ({
if (diagrams.length > 0) {
const defaultDiagramId = diagrams[0].id;
await db.updateConfig({ defaultDiagramId });
await updateConfig({ defaultDiagramId });
navigate(`/diagrams/${defaultDiagramId}`);
} else {
await db.updateConfig({ defaultDiagramId: '' });
await updateConfig({ defaultDiagramId: '' });
navigate('/');
}
}
}, [db, diagramId, navigate]);
}, [
db,
diagramId,
navigate,
resetRedoStack,
resetUndoStack,
updateConfig,
]);
const updateDiagramUpdatedAt: ChartDBContext['updateDiagramUpdatedAt'] =
useCallback(async () => {

3
src/dialogs/open-diagram-dialog/open-diagram-dialog.tsx
View File

@@ -17,6 +17,7 @@ import {
TableHeader,
TableRow,
} from '@/components/table/table';
import { useConfig } from '@/hooks/use-config';
import { useDialog } from '@/hooks/use-dialog';
import { useStorage } from '@/hooks/use-storage';
import { databaseTypeToLabelMap } from '@/lib/databases';
@@ -34,7 +35,7 @@ export const OpenDiagramDialog: React.FC<OpenDiagramDialogProps> = ({
dialog,
}) => {
const { closeOpenDiagramDialog } = useDialog();
const { updateConfig } = useStorage();
const { updateConfig } = useConfig();
const navigate = useNavigate();
const { listDiagrams } = useStorage();
const [diagrams, setDiagrams] = useState<Diagram[]>([]);