Required type fix

src/app/dashboards/[dashboardId]/page.tsx

@@ -26,7 +26,7 @@ export default async function Page({
  * The dashboard object retrieved from the database.
  * Contains all the sections and widgets associated with the dashboard.
  */
- let dashboard: DashboardModel | null = await prisma.dashboard.findUnique({
+ let dashboard: DashboardModel | null = (await prisma.dashboard.findUnique({
  where: {
  id: params.dashboardId,
  },
@@ -43,7 +43,7 @@ export default async function Page({
  orderBy: { position: "asc" },
  },
  },
- });
+ })) as DashboardModel | null;
 
  if (!dashboard) return notFound();
 

src/components/dashboard/views/widgets/Checklist.tsx

@@ -18,6 +18,52 @@ import { useState } from "react";
 import type { WidgetChecklistModel, WidgetModel } from "@/types/widget.type";
 import { widgetChecklistUpdate } from "@/utils/serverActions/widget";
 
+export function WidgetChecklist({
+ dashboardId,
+ sectionId,
+ widget,
+}: {
+ dashboardId: string;
+ sectionId: string;
+ widget: WidgetModel<WidgetChecklistModel>;
+}): JSX.Element {
+ const { id } = widget;
+ const { items } = widget.data;
+
+ return (
+ <Grid2 container direction="column">
+ {items.map((item: WidgetChecklistItemModel) => (
+ <WidgetChecklistItem
+ key={item.id}
+ dashboardId={dashboardId}
+ item={item}
+ sectionId={sectionId}
+ />
+ ))}
+ <Grid2>
+ <Button
+ fullWidth
+ variant="outlined"
+ sx={{ mt: 1 }}
+ onClick={async () => {
+ await widgetChecklistUpdate(
+ dashboardId,
+ sectionId,
+ id,
+ "",
+ "content",
+ ""
+ );
+ }}
+ >
+ <AddRounded />
+ Add item
+ </Button>
+ </Grid2>
+ </Grid2>
+ );
+}
+
 function WidgetChecklistItem({
  dashboardId,
  item,
@@ -97,50 +143,3 @@ function WidgetChecklistItem({
  </Grid2>
  );
 }
-
-export function WidgetChecklist({
- dashboardId,
- sectionId,
- widget,
-}: {
- dashboardId: string;
- sectionId: string;
- widget: WidgetModel<WidgetChecklistModel>;
-}): JSX.Element {
- const { id } = widget;
- if (!widget.data) return <div>Widget data not found</div>;
- const { items } = widget.data;
-
- return (
- <Grid2 container direction="column">
- {items.map((item: WidgetChecklistItemModel) => (
- <WidgetChecklistItem
- key={item.id}
- dashboardId={dashboardId}
- item={item}
- sectionId={sectionId}
- />
- ))}
- <Grid2>
- <Button
- fullWidth
- variant="outlined"
- sx={{ mt: 1 }}
- onClick={async () => {
- await widgetChecklistUpdate(
- dashboardId,
- sectionId,
- id,
- "",
- "content",
- ""
- );
- }}
- >
- <AddRounded />
- Add item
- </Button>
- </Grid2>
- </Grid2>
- );
-}

src/types/widget.type.ts

@@ -12,7 +12,7 @@ export type WidgetWithSectionModel = Widget & {
 
 // Combined types for widget and generic widget data
 export type WidgetModel<T = any> = Widget & {
- data?: T;
+ data: T;
 };
 
 export enum WidgetAction {