Load latest diagram

src/data/db.js

@@ -3,7 +3,7 @@ import Dexie from "dexie";
 const db = new Dexie("drawDB");
 
 db.version(1).stores({
-  diagrams: "++id",
+  diagrams: "++id, lastModified",
 });
 
 export { db };

src/pages/editor.jsx

@@ -12,6 +12,7 @@ import {
   ObjectType,
 } from "../data/data";
 import { socket } from "../data/socket";
+import { db } from "../data/db";
 import { uniqueNamesGenerator, colors, animals } from "unique-names-generator";
 
 export const LayoutContext = createContext();
@@ -28,6 +29,7 @@ export const BotMessageContext = createContext();
 export const TypeContext = createContext();
 
 export default function Editor(props) {
+  const [id, setId] = useState(0);
   const [tables, setTables] = useState([]);
   const [relationships, setRelationships] = useState([]);
   const [areas, setAreas] = useState([]);
@@ -460,6 +462,26 @@ export default function Editor(props) {
   useEffect(() => {
     document.title = "Editor | drawDB";
 
+    const loadLatestDiagram = async () => {
+      await db.diagrams
+        .orderBy("lastModified")
+        .last()
+        .then((d) => {
+          if (d) {
+            setId(d.id);
+            setTables(d.tables);
+            setRelationships(d.references);
+            setNotes(d.notes);
+            setAreas(d.areas);
+          }
+        })
+        .catch((error) => {
+          console.log(error);
+        });
+    };
+
+    loadLatestDiagram();
+
     socket.connect();
 
     const onConnect = () => {