final push

src/pages/pieces/index.tsx

@@ -51,7 +51,7 @@ const Pieces: NextPage = () => {
         setErrorSnackbarMessage(error.message);
         setErrorMessage(error.message);
       },
-      onSuccess(data) {
+      onSuccess() {
         setOpenSuccessSnackbar(true);
         setSuccessSnackbarMessage("Layout successfully saved!");
         setIsEditing(false);
@@ -102,9 +102,7 @@ const Pieces: NextPage = () => {
   if (errorLayout) {
     return <p>Oh no... {errorLayout.message}</p>;
   }
-  const piecesLayout = layout?.layout
-    ? (layout.layout as unknown as Layouts)
-    : null;
+  const piecesLayout = layout?.layout as unknown as Layouts;
   return (
     <>
       <TopNav />

src/server/api/routers/layout.ts

@@ -4,13 +4,29 @@ import {
 } from "@CarteBlanche/server/api/trpc";
 import { z } from "zod";
 
+const breakpointLayoutSchema = z.array(
+  z.object({
+    w: z.number(),
+    h: z.number(),
+    x: z.number(),
+    y: z.number(),
+    i: z.string(),
+    moved: z.boolean(),
+    static: z.boolean(),
+  })
+);
+
 export const layoutRouter = createTRPCRouter({
   /** UPSERT GRID LAYOUT */
   upsertLayout: publicProcedure
     .input(
       z.object({
         name: z.string(),
-        layout: z.any(),
+        layout: z.object({
+          lg: z.optional(breakpointLayoutSchema),
+          md: z.optional(breakpointLayoutSchema),
+          sm: z.optional(breakpointLayoutSchema),
+        }),
       })
     )
     .mutation(({ input, ctx }) => {
@@ -19,12 +35,10 @@ export const layoutRouter = createTRPCRouter({
           name: input.name,
         },
         update: {
-          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
           layout: input.layout,
         },
         create: {
           name: input.name,
-          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
           layout: input.layout,
         },
       });