Handle thumbnails for templates

src/data/seeds.js

@@ -2,9 +2,9 @@ const t1 = {
   tables: [
     {
       id: 0,
-      name: "template_1",
-      x: 57,
-      y: 63,
+      name: "table_0",
+      x: 73,
+      y: 69,
       fields: [
         {
           name: "id",
@@ -21,12 +21,72 @@ const t1 = {
       ],
       comment: "",
       indices: [],
-      color: "#f03c3c",
+      color: "#175e7a",
+    },
+    {
+      id: 1,
+      name: "table_1",
+      x: 366,
+      y: 117,
+      fields: [
+        {
+          name: "id",
+          type: "INT",
+          default: "",
+          check: "",
+          primary: true,
+          unique: true,
+          notNull: true,
+          increment: true,
+          comment: "",
+          id: 0,
+        },
+      ],
+      comment: "",
+      indices: [],
+      color: "#175e7a",
+    },
+  ],
+  relationships: [
+    {
+      startTableId: 0,
+      startFieldId: 0,
+      endTableId: 1,
+      endFieldId: 0,
+      startX: 88,
+      startY: 138,
+      endX: 381,
+      endY: 186,
+      name: "table_0_id_fk",
+      cardinality: "One to one",
+      updateConstraint: "No action",
+      deleteConstraint: "No action",
+      mandatory: false,
+      id: 0,
+    },
+  ],
+  notes: [
+    {
+      id: 0,
+      x: 526,
+      y: 240,
+      title: "note_0",
+      content: "hi",
+      color: "#fcf7ac",
+      height: 65,
+    },
+  ],
+  subjectAreas: [
+    {
+      id: 0,
+      name: "area_0",
+      x: 43,
+      y: 28,
+      width: 558,
+      height: 206,
+      color: "#175e7a",
     },
   ],
-  relationships: [],
-  notes: [],
-  subjectAreas: [],
   types: [],
   title: "Template 1",
   description: "Lorem ipsum",