Working on project front side.

app/(customer)/dashboard/projects/[projectId]/database/[databaseId]/page.tsx

@@ -0,0 +1,8 @@
+import {PageParams} from "@/types/next";
+
+
+export default async function RoutePage(props: PageParams<{ projectId: string }>) {
+    return(
+        <></>
+    )
+}

app/(customer)/dashboard/projects/[projectId]/edit/page.tsx

@@ -3,7 +3,7 @@ import {Page, PageContent, PageHeader, PageTitle} from "@/features/layout/page";
 import {requiredCurrentUser} from "@/auth/current-user";
 import {prisma} from "@/prisma";
 import {notFound} from "next/navigation";
-import {ProjectForm} from "@/components/wrappers/Project/ProjectForm";
+import {ProjectForm} from "@/components/wrappers/Dashboard/Projects/ProjectsForm/ProjectForm";
 
 
 export default async function RoutePage(props: PageParams<{

app/(customer)/dashboard/projects/[projectId]/page.tsx

@@ -1,11 +1,13 @@
 import {PageParams} from "@/types/next";
 import {Page, PageActions, PageContent, PageDescription, PageTitle} from "@/features/layout/page";
 import {buttonVariants} from "@/components/ui/button";
-
 import {prisma} from "@/prisma";
 import {GearIcon} from "@radix-ui/react-icons";
 import Link from "next/link";
-import {projects} from "@/utils/mock-data";
+import {ButtonDeleteProject} from "@/components/wrappers/Dashboard/Projects/ButtonDeleteProject/ButtonDeleteProject";
+import {CardsWithPagination} from "@/components/wrappers/cards-with-pagination";
+import {ProjectDatabaseCard} from "@/components/wrappers/Dashboard/Projects/ProjectCard/ProjectDatabaseCard";
+import {notFound} from "next/navigation";
 
 
 export default async function RoutePage(props: PageParams<{ projectId: string }>) {
@@ -21,7 +23,9 @@ export default async function RoutePage(props: PageParams<{ projectId: string }>
         }
     })
 
-
+    if(!project){
+        notFound()
+    }
 
     return (
         <Page>
@@ -34,11 +38,26 @@ export default async function RoutePage(props: PageParams<{ projectId: string }>
                     </Link>
                 </PageTitle>
                 <PageActions className="justify-between">
-
+                    <ButtonDeleteProject
+                        text={"Delete Project"}
+                    />
                 </PageActions>
             </div>
-            {/*<PageDescription className="mt-5 sm:mt-0">{Project.description}</PageDescription>*/}
+            <PageDescription>
+                The list of associated databases
+            </PageDescription>
             <PageContent className="flex flex-col w-full h-full">
+                {project.databases.length > 0 ?
+                    <CardsWithPagination
+                        data={project.databases}
+                        cardItem={ProjectDatabaseCard}
+                        cardsPerPage={4}
+                        numberOfColumns={1}
+                        extendedProps={project}
+                    />
+                    :
+                    null
+                }
             </PageContent>
         </Page>
     )

app/(customer)/dashboard/projects/new/page.tsx

@@ -1,7 +1,7 @@
 import {PageParams} from "@/types/next";
 import {Page, PageContent, PageHeader, PageTitle} from "@/features/layout/page";
 import {prisma} from "@/prisma";
-import {ProjectForm} from "@/components/wrappers/Project/ProjectForm";
+import {ProjectForm} from "@/components/wrappers/Dashboard/Projects/ProjectsForm/ProjectForm";
 
 
 export default async function RoutePage(props: PageParams<{}>) {

app/(customer)/dashboard/projects/page.tsx

@@ -5,7 +5,7 @@ import {Button} from "@/components/ui/button";
 import Link from 'next/link'
 import {Page, PageActions, PageContent, PageHeader, PageTitle} from "@/features/layout/page";
 import {projects} from "@/utils/mock-data";
-import {ProjectCard} from "@/components/wrappers/Project/ProjectCard";
+import {ProjectCard} from "@/components/wrappers/Dashboard/Projects/ProjectCard/ProjectCard";
 
 export default async function RoutePage(props: PageParams<{}>) {