wip-ci/cd pipepline

Author: codedsultan

frontend/user/src/Pages/Mockups/Gallery.tsx

@@ -2,6 +2,7 @@ import { useQuery } from '@tanstack/react-query'
 import { Card, CardHeader, CardTitle, CardContent } from '@/components/ui/card'
 import { Button } from '@/components/ui/button'
 import { Skeleton } from '@/components/ui/skeleton'
+import { Mockup } from '@/types'
 
 async function fetchMockups() {
   const response = await fetch('/api/mockups')
@@ -22,15 +23,15 @@ export default function MockupGallery() {
             <Skeleton key={i} className="h-64 w-full rounded-lg" />
           ))
         ) : (
-          mockups?.map((mockup) => (
+          mockups?.map((mockup: Mockup) => (
             <Card key={mockup.id}>
               <CardHeader>
-                <CardTitle>{mockup.design.name}</CardTitle>
+                <CardTitle>{mockup.design!.name}</CardTitle>
               </CardHeader>
               <CardContent>
-                <img 
-                  src={mockup.imageUrl} 
-                  alt={mockup.design.name} 
+                <img
+                  src={mockup.imageUrl!}
+                  alt={mockup.design!.name}
                   className="rounded-lg mb-4"
                 />
                 <div className="flex gap-2">
@@ -48,4 +49,4 @@ export default function MockupGallery() {
       </div>
     </div>
   )
-}
+}

frontend/user/src/types/design.ts

@@ -2,6 +2,7 @@ import { MockupLayer } from "./mockup";
 
 export interface Design {
     id: number;
+    name: string;
     title: string;
     thumbnail: string;
     image_path: string;

frontend/user/src/types/mockup.ts

@@ -21,6 +21,17 @@ export  type MockupJsonDataType = {
 export type MockupStatus = 'draft' | 'completed';
 export type PrintAreaPosition = 'front' | 'back' |'leftSleeve' | 'rightSleeve';
 
+
+export interface Design {
+    id: number;
+    name: string;
+    title: string;
+    thumbnail: string;
+    image_path: string;
+    preview_url: string;
+    full_image_url: string;
+}
+
 export interface Mockup {
     id: number;
     name: string;
@@ -40,6 +51,9 @@ export interface Mockup {
     thumbnail: string;
     created_at: string;
     updated_at: string;
+    design: Design | null;
+    imageUrl: string | null;
+
   }
 
 export interface MockupConfig {
@@ -481,6 +495,8 @@ export interface MockupTemplate {
       front_canvas_state: null,
       back_canvas_state: null,
       metadata: null,
+      design: null,
+      imageUrl: null,
       current_view: 'front',
       thumbnail: '',
       created_at: '',