From ea02e7afa1ea71b6a4bc8e6d30735a7067465171 Mon Sep 17 00:00:00 2001
From: sabovyan <abovyan.sargis90@gmail.com>
Date: Sun, 26 Nov 2023 14:38:50 +0400
Subject: [PATCH 01/15] make anchor text smaller

---
 components/Anchor.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Anchor.tsx b/components/Anchor.tsx
index dea7dde..282ade7 100644
--- a/components/Anchor.tsx
+++ b/components/Anchor.tsx
@@ -4,5 +4,5 @@ import { RouteType } from 'next/dist/lib/load-custom-routes';
 import Link, { LinkProps } from 'next/link';
 
 export function Anchor(props: PropsWithChildren<LinkProps<RouteType>>) {
-  return <Link {...props} className="text-lg w-full" />;
+  return <Link {...props} className="text-sm w-full" />;
 }

From 2ff2693a50b9fa0725c3bbcc07cdc69aa8022e14 Mon Sep 17 00:00:00 2001
From: sabovyan <abovyan.sargis90@gmail.com>
Date: Sun, 26 Nov 2023 15:49:59 +0400
Subject: [PATCH 02/15] [spaces] add routes and navigation

---
 app/page.tsx                                  |  2 +-
 app/spaces/add/page.tsx                       | 22 +++++++++
 app/spaces/edit/page.tsx                      |  7 +++
 app/spaces/page.tsx                           | 41 ++++++++++++++++
 components/Nav.tsx                            |  5 +-
 components/SpacesNav.tsx                      | 36 ++++++++++++++
 lib/prisma.ts                                 |  8 ++--
 .../20231126110633_spaces/migration.sql       | 48 +++++++++++++++++++
 .../migration.sql                             | 16 +++++++
 .../20231126111343_remove_admin/migration.sql | 11 +++++
 .../20231126112121_spaces_typo/migration.sql  | 44 +++++++++++++++++
 prisma/schema.prisma                          | 14 ++----
 12 files changed, 237 insertions(+), 17 deletions(-)
 create mode 100644 app/spaces/add/page.tsx
 create mode 100644 app/spaces/edit/page.tsx
 create mode 100644 app/spaces/page.tsx
 create mode 100644 components/SpacesNav.tsx
 create mode 100644 prisma/migrations/20231126110633_spaces/migration.sql
 create mode 100644 prisma/migrations/20231126110936_change_field_to_admin_id/migration.sql
 create mode 100644 prisma/migrations/20231126111343_remove_admin/migration.sql
 create mode 100644 prisma/migrations/20231126112121_spaces_typo/migration.sql

diff --git a/app/page.tsx b/app/page.tsx
index 32d50fe..f4340c2 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,7 +1,7 @@
 export default function Home() {
   return (
     <main>
-      <h1>main content</h1>
+      <h1>hello</h1>
     </main>
   );
 }
diff --git a/app/spaces/add/page.tsx b/app/spaces/add/page.tsx
new file mode 100644
index 0000000..fcf6ae5
--- /dev/null
+++ b/app/spaces/add/page.tsx
@@ -0,0 +1,22 @@
+import { FormField } from '@/components/formField';
+import { Button } from '@/components/ui/button';
+
+export default function NewSpace() {
+  return (
+    <div>
+      <h1>ADD NEW SPACE</h1>
+
+      <form>
+        <FormField type="text" label="Name" name="name" />
+        <FormField type="number" label="Price" name="price" />
+        <FormField
+          type="date"
+          label="Date"
+          name="date"
+          defaultValue={new Date().toLocaleDateString('en-CA')}
+        />
+        <Button className="w-full mt-3">Submit</Button>
+      </form>
+    </div>
+  );
+}
diff --git a/app/spaces/edit/page.tsx b/app/spaces/edit/page.tsx
new file mode 100644
index 0000000..371d02e
--- /dev/null
+++ b/app/spaces/edit/page.tsx
@@ -0,0 +1,7 @@
+export default function NewSpace() {
+  return (
+    <div>
+      <h1>EDIT</h1>
+    </div>
+  );
+}
diff --git a/app/spaces/page.tsx b/app/spaces/page.tsx
new file mode 100644
index 0000000..66ac23c
--- /dev/null
+++ b/app/spaces/page.tsx
@@ -0,0 +1,41 @@
+import { redirect } from 'next/navigation';
+
+import { auth } from '@/lib/auth';
+import { prisma } from '@/lib/prisma';
+
+export default async function Groups() {
+  const session = await auth();
+
+  const email = session?.user?.email;
+
+  if (!email) {
+    redirect('/');
+  }
+
+  const user = await prisma.user.findUnique({
+    where: {
+      email
+    },
+    include: {
+      spaces: true
+    }
+  });
+
+  if (!user) {
+    // TODO handle it - either redirect it to sign it page or show not sign in view
+    throw new Error('handle it');
+  }
+
+  return (
+    <main>
+      <header>
+        <h2>Your Space Management</h2>
+      </header>
+      {user.spaces.length ? (
+        <div>your spaces</div>
+      ) : (
+        <div>no space was found</div>
+      )}
+    </main>
+  );
+}
diff --git a/components/Nav.tsx b/components/Nav.tsx
index 0bbfa58..3bcb2eb 100644
--- a/components/Nav.tsx
+++ b/components/Nav.tsx
@@ -4,6 +4,7 @@ import { userAgent } from 'next/server';
 import { auth } from '@/lib/auth';
 
 // import { AddExpense } from './AddExpense/AddExpense';
+import { SpacesNav } from './SpacesNav';
 import { UserAccount } from './UserAccount/UserAccount';
 
 export async function Nav() {
@@ -14,9 +15,11 @@ export async function Nav() {
   const session = await auth();
 
   return (
-    <nav className="fixed bottom-0 w-full justify-end items-center flex px-4 py-2 border">
+    <nav className="fixed bottom-0 w-full justify-end items-center flex px-4 py-2 border gap-3">
       {/* TODO move to general place */}
       {/* <AddExpense deviceType={deviceType || 'desktop'} /> */}
+      {session ? <SpacesNav /> : null}
+
       <UserAccount session={session} />
     </nav>
   );
diff --git a/components/SpacesNav.tsx b/components/SpacesNav.tsx
new file mode 100644
index 0000000..e322093
--- /dev/null
+++ b/components/SpacesNav.tsx
@@ -0,0 +1,36 @@
+'use client';
+
+import { Anchor } from './Anchor';
+import { Button } from './ui/button';
+import {
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem
+} from './ui/dropdown-menu';
+
+export function SpacesNav() {
+  return (
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        <Button variant="outline" size="default">
+          Spaces
+        </Button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent>
+        <DropdownMenuGroup>
+          <DropdownMenuItem>
+            <Anchor href="/spaces/add">Add New Space</Anchor>
+          </DropdownMenuItem>
+        </DropdownMenuGroup>
+
+        <DropdownMenuGroup>
+          <DropdownMenuItem>
+            <Anchor href="/spaces">Go To Main Spaces Page</Anchor>
+          </DropdownMenuItem>
+        </DropdownMenuGroup>
+      </DropdownMenuContent>
+    </DropdownMenu>
+  );
+}
diff --git a/lib/prisma.ts b/lib/prisma.ts
index ccc4dcc..8bdc0d8 100644
--- a/lib/prisma.ts
+++ b/lib/prisma.ts
@@ -1,7 +1,5 @@
 import { PrismaClient } from '@prisma/client';
 
-// export const prisma = new PrismaClient({
-//   log: ['query']
-// });
-
-export const prisma = new PrismaClient();
+export const prisma = new PrismaClient({
+  log: ['query']
+});
diff --git a/prisma/migrations/20231126110633_spaces/migration.sql b/prisma/migrations/20231126110633_spaces/migration.sql
new file mode 100644
index 0000000..8fd515b
--- /dev/null
+++ b/prisma/migrations/20231126110633_spaces/migration.sql
@@ -0,0 +1,48 @@
+/*
+  Warnings:
+
+  - You are about to drop the `UserGroup` table. If the table is not empty, all the data it contains will be lost.
+  - You are about to drop the `_UserToUserGroup` table. If the table is not empty, all the data it contains will be lost.
+
+*/
+-- DropForeignKey
+ALTER TABLE "_UserToUserGroup" DROP CONSTRAINT "_UserToUserGroup_A_fkey";
+
+-- DropForeignKey
+ALTER TABLE "_UserToUserGroup" DROP CONSTRAINT "_UserToUserGroup_B_fkey";
+
+-- DropTable
+DROP TABLE "UserGroup";
+
+-- DropTable
+DROP TABLE "_UserToUserGroup";
+
+-- CreateTable
+CREATE TABLE "Spaces" (
+    "id" SERIAL NOT NULL,
+    "name" TEXT NOT NULL,
+    "userId" TEXT NOT NULL,
+
+    CONSTRAINT "Spaces_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "_SpacesToUser" (
+    "A" INTEGER NOT NULL,
+    "B" TEXT NOT NULL
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "_SpacesToUser_AB_unique" ON "_SpacesToUser"("A", "B");
+
+-- CreateIndex
+CREATE INDEX "_SpacesToUser_B_index" ON "_SpacesToUser"("B");
+
+-- AddForeignKey
+ALTER TABLE "Spaces" ADD CONSTRAINT "Spaces_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "_SpacesToUser" ADD CONSTRAINT "_SpacesToUser_A_fkey" FOREIGN KEY ("A") REFERENCES "Spaces"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "_SpacesToUser" ADD CONSTRAINT "_SpacesToUser_B_fkey" FOREIGN KEY ("B") REFERENCES "User"("id") ON DELETE CASCADE ON UPDATE CASCADE;
diff --git a/prisma/migrations/20231126110936_change_field_to_admin_id/migration.sql b/prisma/migrations/20231126110936_change_field_to_admin_id/migration.sql
new file mode 100644
index 0000000..1cea256
--- /dev/null
+++ b/prisma/migrations/20231126110936_change_field_to_admin_id/migration.sql
@@ -0,0 +1,16 @@
+/*
+  Warnings:
+
+  - You are about to drop the column `userId` on the `Spaces` table. All the data in the column will be lost.
+  - Added the required column `adminId` to the `Spaces` table without a default value. This is not possible if the table is not empty.
+
+*/
+-- DropForeignKey
+ALTER TABLE "Spaces" DROP CONSTRAINT "Spaces_userId_fkey";
+
+-- AlterTable
+ALTER TABLE "Spaces" DROP COLUMN "userId",
+ADD COLUMN     "adminId" TEXT NOT NULL;
+
+-- AddForeignKey
+ALTER TABLE "Spaces" ADD CONSTRAINT "Spaces_adminId_fkey" FOREIGN KEY ("adminId") REFERENCES "User"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
diff --git a/prisma/migrations/20231126111343_remove_admin/migration.sql b/prisma/migrations/20231126111343_remove_admin/migration.sql
new file mode 100644
index 0000000..2064c9c
--- /dev/null
+++ b/prisma/migrations/20231126111343_remove_admin/migration.sql
@@ -0,0 +1,11 @@
+/*
+  Warnings:
+
+  - You are about to drop the column `adminId` on the `Spaces` table. All the data in the column will be lost.
+
+*/
+-- DropForeignKey
+ALTER TABLE "Spaces" DROP CONSTRAINT "Spaces_adminId_fkey";
+
+-- AlterTable
+ALTER TABLE "Spaces" DROP COLUMN "adminId";
diff --git a/prisma/migrations/20231126112121_spaces_typo/migration.sql b/prisma/migrations/20231126112121_spaces_typo/migration.sql
new file mode 100644
index 0000000..3a6b406
--- /dev/null
+++ b/prisma/migrations/20231126112121_spaces_typo/migration.sql
@@ -0,0 +1,44 @@
+/*
+  Warnings:
+
+  - You are about to drop the `Spaces` table. If the table is not empty, all the data it contains will be lost.
+  - You are about to drop the `_SpacesToUser` table. If the table is not empty, all the data it contains will be lost.
+
+*/
+-- DropForeignKey
+ALTER TABLE "_SpacesToUser" DROP CONSTRAINT "_SpacesToUser_A_fkey";
+
+-- DropForeignKey
+ALTER TABLE "_SpacesToUser" DROP CONSTRAINT "_SpacesToUser_B_fkey";
+
+-- DropTable
+DROP TABLE "Spaces";
+
+-- DropTable
+DROP TABLE "_SpacesToUser";
+
+-- CreateTable
+CREATE TABLE "Space" (
+    "id" SERIAL NOT NULL,
+    "name" TEXT NOT NULL,
+
+    CONSTRAINT "Space_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "_SpaceToUser" (
+    "A" INTEGER NOT NULL,
+    "B" TEXT NOT NULL
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "_SpaceToUser_AB_unique" ON "_SpaceToUser"("A", "B");
+
+-- CreateIndex
+CREATE INDEX "_SpaceToUser_B_index" ON "_SpaceToUser"("B");
+
+-- AddForeignKey
+ALTER TABLE "_SpaceToUser" ADD CONSTRAINT "_SpaceToUser_A_fkey" FOREIGN KEY ("A") REFERENCES "Space"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "_SpaceToUser" ADD CONSTRAINT "_SpaceToUser_B_fkey" FOREIGN KEY ("B") REFERENCES "User"("id") ON DELETE CASCADE ON UPDATE CASCADE;
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 886c143..6b859dd 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -38,14 +38,14 @@ model Session {
 }
 
 model User {
-  id            String      @id @default(cuid())
+  id            String    @id @default(cuid())
   name          String?
-  email         String?     @unique
+  email         String?   @unique
   emailVerified DateTime?
   image         String?
   accounts      Account[]
   sessions      Session[]
-  UserGroup     UserGroup[]
+  spaces        Space[]
 }
 
 model VerificationToken {
@@ -56,14 +56,8 @@ model VerificationToken {
   @@unique([identifier, token])
 }
 
-model UserGroup {
+model Space {
   id    Int    @id @default(autoincrement())
   name  String
   users User[]
 }
-
-// model Expense {
-//   id Int @id @default(autoincrement())
-//   name String
-//   price
-// }

From f6fd3ee6e5f2e695c7a7713102ede990745d94fa Mon Sep 17 00:00:00 2001
From: sabovyan <abovyan.sargis90@gmail.com>
Date: Mon, 27 Nov 2023 00:39:10 +0400
Subject: [PATCH 03/15] [spaces] fix next dev and prisma issue

---
 lib/prisma.ts | 20 +++++++++++++++++---
 notes.md      | 10 ++++++++--
 2 files changed, 25 insertions(+), 5 deletions(-)

diff --git a/lib/prisma.ts b/lib/prisma.ts
index 8bdc0d8..55697e7 100644
--- a/lib/prisma.ts
+++ b/lib/prisma.ts
@@ -1,5 +1,19 @@
 import { PrismaClient } from '@prisma/client';
 
-export const prisma = new PrismaClient({
-  log: ['query']
-});
+const prismaClientSingleton = () => {
+  return new PrismaClient({
+    log: ['query']
+  });
+};
+
+type PrismaClientSingleton = ReturnType<typeof prismaClientSingleton>;
+
+const globalForPrisma = globalThis as unknown as {
+  prisma: PrismaClientSingleton | undefined;
+};
+
+export const prisma = globalForPrisma.prisma ?? prismaClientSingleton();
+
+if (process.env.NODE_ENV !== 'production') {
+  globalForPrisma.prisma = prisma;
+}
diff --git a/notes.md b/notes.md
index 494ab74..80bc3e2 100644
--- a/notes.md
+++ b/notes.md
@@ -1,6 +1,12 @@
 - import order for eslint
 https://dev.to/otamnitram/sorting-your-imports-correctly-in-react-213m
 
-
--- pnpm issue with prisma
+- pnpm issue with prisma
 https://github.com/prisma/prisma/issues/2584#issuecomment-646414549
+
+- pnpm issue with auth types
+https://github.com/nextauthjs/next-auth/issues/6640#issuecomment-1441383198
+
+
+- prisma client issue with next dev server
+https://www.prisma.io/docs/guides/other/troubleshooting-orm/help-articles/nextjs-prisma-client-dev-practices

From c1d36688fd26037c8ad952620eb8392de20bbd52 Mon Sep 17 00:00:00 2001
From: sabovyan <abovyan.sargis90@gmail.com>
Date: Mon, 27 Nov 2023 00:39:41 +0400
Subject: [PATCH 04/15] [spaces] add userid to session

---
 lib/auth.ts | 30 +++++++++++++++---------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/lib/auth.ts b/lib/auth.ts
index e88d1f7..80ea54d 100644
--- a/lib/auth.ts
+++ b/lib/auth.ts
@@ -1,27 +1,27 @@
 import { PrismaAdapter } from '@next-auth/prisma-adapter';
-import NextAuth from 'next-auth';
+import NextAuth, { DefaultSession } from 'next-auth';
 import Google from 'next-auth/providers/google';
 
 import { prisma } from '@/lib/prisma';
 
+declare module '../node_modules/.pnpm/@auth+core@0.0.0-manual.e9863699/node_modules/@auth/core/types.d.ts' {
+  interface Session {
+    user: {
+      id: string;
+    } & DefaultSession['user'];
+  }
+}
+
 export const { auth, signIn, signOut, handlers } = NextAuth({
   // pages: {
   //   signIn: '/login',
   //   error: '/auth/error'
   // },
   providers: [Google],
-  adapter: PrismaAdapter(prisma)
-  // callbacks: {
-  //   session: ({ session, token, user,  }) => {
-  //     console.log({session, token, user});
-  //     return {
-  //       ...session,
-  //       user: {
-  //         ...session.user,
-  //         id: token.id,
-  //         randomKey: token.randomKey
-  //       }
-  //     };
-  //   }
-  // }
+  adapter: PrismaAdapter(prisma),
+  callbacks: {
+    session: ({ session, user }) => {
+      return { ...session, user };
+    }
+  }
 });

From 592754337c983c99f5aeba3ee9b2d519bb7474a0 Mon Sep 17 00:00:00 2001
From: sabovyan <abovyan.sargis90@gmail.com>
Date: Sun, 3 Dec 2023 14:59:44 +0400
Subject: [PATCH 05/15] [spaces] add spaces

---
 app/actions/space.actions.ts                  | 35 +++++++++++++++++++
 app/spaces/[id]/page.tsx                      | 15 ++++++++
 app/spaces/add/page.tsx                       | 17 ++++-----
 components/formField.tsx                      |  7 +++-
 .../migration.sql                             | 28 +++++++++++++++
 .../migration.sql                             |  8 +++++
 .../migrations/20231203104908_y/migration.sql | 15 ++++++++
 prisma/schema.prisma                          | 11 ++++--
 8 files changed, 122 insertions(+), 14 deletions(-)
 create mode 100644 app/actions/space.actions.ts
 create mode 100644 app/spaces/[id]/page.tsx
 create mode 100644 prisma/migrations/20231126205230_update_space_schema/migration.sql
 create mode 100644 prisma/migrations/20231203104403_make_space_unique/migration.sql
 create mode 100644 prisma/migrations/20231203104908_y/migration.sql

diff --git a/app/actions/space.actions.ts b/app/actions/space.actions.ts
new file mode 100644
index 0000000..ad30098
--- /dev/null
+++ b/app/actions/space.actions.ts
@@ -0,0 +1,35 @@
+'use server';
+
+import { revalidateTag } from 'next/cache';
+import { redirect } from 'next/navigation';
+import { z } from 'zod';
+
+import { auth } from '@/lib/auth';
+import { prisma } from '@/lib/prisma';
+
+const schema = z.object({
+  name: z.string()
+});
+
+export const addSpace = async (formData: FormData) => {
+  const parsed = schema.parse({
+    name: formData.get('name')
+  });
+
+  const session = await auth();
+
+  const space = await prisma.space.create({
+    data: {
+      name: parsed.name,
+      creator: {
+        connect: {
+          id: session?.user.id
+        }
+      }
+    }
+  });
+
+  revalidateTag('/spaces');
+
+  redirect(`/spaces/${space.id}`);
+};
diff --git a/app/spaces/[id]/page.tsx b/app/spaces/[id]/page.tsx
new file mode 100644
index 0000000..2de2f85
--- /dev/null
+++ b/app/spaces/[id]/page.tsx
@@ -0,0 +1,15 @@
+import { prisma } from '@/lib/prisma';
+
+export default async function SingleSpace({
+  params
+}: {
+  params: { id: string };
+}) {
+  const space = await prisma.space.findUnique({ where: { id: params.id } });
+
+  return space ? (
+    <div>
+      <h1>{space.name}</h1>
+    </div>
+  ) : null;
+}
diff --git a/app/spaces/add/page.tsx b/app/spaces/add/page.tsx
index fcf6ae5..98507ee 100644
--- a/app/spaces/add/page.tsx
+++ b/app/spaces/add/page.tsx
@@ -1,21 +1,18 @@
+import { addSpace } from '@/app/actions/space.actions';
 import { FormField } from '@/components/formField';
 import { Button } from '@/components/ui/button';
+import { auth } from '@/lib/auth';
 
-export default function NewSpace() {
+export default async function NewSpace() {
+  const session = await auth();
   return (
     <div>
       <h1>ADD NEW SPACE</h1>
 
-      <form>
+      <form action={addSpace}>
         <FormField type="text" label="Name" name="name" />
-        <FormField type="number" label="Price" name="price" />
-        <FormField
-          type="date"
-          label="Date"
-          name="date"
-          defaultValue={new Date().toLocaleDateString('en-CA')}
-        />
-        <Button className="w-full mt-3">Submit</Button>
+        {/* <FormField type="text" name="userId" hidden readOnly defaultValue={session?.user.} /> */}
+        <Button className="w-full mt-4">Submit</Button>
       </form>
     </div>
   );
diff --git a/components/formField.tsx b/components/formField.tsx
index daff7b3..9002d3e 100644
--- a/components/formField.tsx
+++ b/components/formField.tsx
@@ -9,7 +9,12 @@ type InputProps = InputHTMLAttributes<HTMLInputElement> & {
 
 export function FormField({ name, id, label, ...restInputProps }: InputProps) {
   return (
-    <div className="mb-3 flex flex-col items-start">
+    <div
+      className={`mb-3 flex flex-col items-start ${
+        restInputProps.hidden ? 'hidden' : ''
+      }`}
+      hidden={restInputProps.hidden}
+    >
       <Label htmlFor={id || name}>{label}</Label>
       <Input id={id || name} name={name} {...restInputProps} />
     </div>
diff --git a/prisma/migrations/20231126205230_update_space_schema/migration.sql b/prisma/migrations/20231126205230_update_space_schema/migration.sql
new file mode 100644
index 0000000..a90fd95
--- /dev/null
+++ b/prisma/migrations/20231126205230_update_space_schema/migration.sql
@@ -0,0 +1,28 @@
+/*
+  Warnings:
+
+  - You are about to drop the `_SpaceToUser` table. If the table is not empty, all the data it contains will be lost.
+  - A unique constraint covering the columns `[creatorId,name]` on the table `Space` will be added. If there are existing duplicate values, this will fail.
+  - Added the required column `creatorId` to the `Space` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `updatedAt` to the `Space` table without a default value. This is not possible if the table is not empty.
+
+*/
+-- DropForeignKey
+ALTER TABLE "_SpaceToUser" DROP CONSTRAINT "_SpaceToUser_A_fkey";
+
+-- DropForeignKey
+ALTER TABLE "_SpaceToUser" DROP CONSTRAINT "_SpaceToUser_B_fkey";
+
+-- AlterTable
+ALTER TABLE "Space" ADD COLUMN     "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+ADD COLUMN     "creatorId" TEXT NOT NULL,
+ADD COLUMN     "updatedAt" TIMESTAMP(3) NOT NULL;
+
+-- DropTable
+DROP TABLE "_SpaceToUser";
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Space_creatorId_name_key" ON "Space"("creatorId", "name");
+
+-- AddForeignKey
+ALTER TABLE "Space" ADD CONSTRAINT "Space_creatorId_fkey" FOREIGN KEY ("creatorId") REFERENCES "User"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
diff --git a/prisma/migrations/20231203104403_make_space_unique/migration.sql b/prisma/migrations/20231203104403_make_space_unique/migration.sql
new file mode 100644
index 0000000..b51981f
--- /dev/null
+++ b/prisma/migrations/20231203104403_make_space_unique/migration.sql
@@ -0,0 +1,8 @@
+/*
+  Warnings:
+
+  - A unique constraint covering the columns `[name]` on the table `Space` will be added. If there are existing duplicate values, this will fail.
+
+*/
+-- CreateIndex
+CREATE UNIQUE INDEX "Space_name_key" ON "Space"("name");
diff --git a/prisma/migrations/20231203104908_y/migration.sql b/prisma/migrations/20231203104908_y/migration.sql
new file mode 100644
index 0000000..e6035e2
--- /dev/null
+++ b/prisma/migrations/20231203104908_y/migration.sql
@@ -0,0 +1,15 @@
+/*
+  Warnings:
+
+  - The primary key for the `Space` table will be changed. If it partially fails, the table could be left without primary key constraint.
+
+*/
+-- DropIndex
+DROP INDEX "Space_name_key";
+
+-- AlterTable
+ALTER TABLE "Space" DROP CONSTRAINT "Space_pkey",
+ALTER COLUMN "id" DROP DEFAULT,
+ALTER COLUMN "id" SET DATA TYPE TEXT,
+ADD CONSTRAINT "Space_pkey" PRIMARY KEY ("id");
+DROP SEQUENCE "Space_id_seq";
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 6b859dd..840ea2e 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -57,7 +57,12 @@ model VerificationToken {
 }
 
 model Space {
-  id    Int    @id @default(autoincrement())
-  name  String
-  users User[]
+  id        String   @id @default(cuid())
+  name      String
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+  creator   User     @relation(fields: [creatorId], references: [id])
+  creatorId String
+
+  @@unique([creatorId, name], name: "SpaceIdentifier")
 }

From c45e7f10111081563b48e94bb2ee3ada1dceb100 Mon Sep 17 00:00:00 2001
From: sabovyan <abovyan.sargis90@gmail.com>
Date: Sun, 3 Dec 2023 16:18:30 +0400
Subject: [PATCH 06/15] [spaces] remove spaces dropdown

---
 components/Nav.tsx                     |  2 --
 components/SpacesNav.tsx               | 36 --------------------------
 components/UserAccount/UserAccount.tsx |  9 ++++++-
 todo.md                                |  7 +++--
 4 files changed, 13 insertions(+), 41 deletions(-)
 delete mode 100644 components/SpacesNav.tsx

diff --git a/components/Nav.tsx b/components/Nav.tsx
index 3bcb2eb..da243b8 100644
--- a/components/Nav.tsx
+++ b/components/Nav.tsx
@@ -4,7 +4,6 @@ import { userAgent } from 'next/server';
 import { auth } from '@/lib/auth';
 
 // import { AddExpense } from './AddExpense/AddExpense';
-import { SpacesNav } from './SpacesNav';
 import { UserAccount } from './UserAccount/UserAccount';
 
 export async function Nav() {
@@ -18,7 +17,6 @@ export async function Nav() {
     <nav className="fixed bottom-0 w-full justify-end items-center flex px-4 py-2 border gap-3">
       {/* TODO move to general place */}
       {/* <AddExpense deviceType={deviceType || 'desktop'} /> */}
-      {session ? <SpacesNav /> : null}
 
       <UserAccount session={session} />
     </nav>
diff --git a/components/SpacesNav.tsx b/components/SpacesNav.tsx
deleted file mode 100644
index e322093..0000000
--- a/components/SpacesNav.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-'use client';
-
-import { Anchor } from './Anchor';
-import { Button } from './ui/button';
-import {
-  DropdownMenu,
-  DropdownMenuTrigger,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuItem
-} from './ui/dropdown-menu';
-
-export function SpacesNav() {
-  return (
-    <DropdownMenu>
-      <DropdownMenuTrigger asChild>
-        <Button variant="outline" size="default">
-          Spaces
-        </Button>
-      </DropdownMenuTrigger>
-      <DropdownMenuContent>
-        <DropdownMenuGroup>
-          <DropdownMenuItem>
-            <Anchor href="/spaces/add">Add New Space</Anchor>
-          </DropdownMenuItem>
-        </DropdownMenuGroup>
-
-        <DropdownMenuGroup>
-          <DropdownMenuItem>
-            <Anchor href="/spaces">Go To Main Spaces Page</Anchor>
-          </DropdownMenuItem>
-        </DropdownMenuGroup>
-      </DropdownMenuContent>
-    </DropdownMenu>
-  );
-}
diff --git a/components/UserAccount/UserAccount.tsx b/components/UserAccount/UserAccount.tsx
index 1857333..f62da21 100644
--- a/components/UserAccount/UserAccount.tsx
+++ b/components/UserAccount/UserAccount.tsx
@@ -1,6 +1,7 @@
 'use client';
 
 import Image from 'next/image';
+import Link from 'next/link';
 import { Session } from 'next-auth';
 
 import { GoogleSignIn, Logout, WebAuthn } from './AuthComponents';
@@ -38,8 +39,14 @@ export function UserAccount({ session }: Props) {
       </DropdownMenuTrigger>
       {session?.user ? (
         <DropdownMenuContent>
-          <DropdownMenuLabel>{session.user.name}</DropdownMenuLabel>
+          <DropdownMenuLabel>
+            <Link href="/">{session.user.name}</Link>
+          </DropdownMenuLabel>
           <DropdownMenuGroup>
+            <DropdownMenuItem>
+              <Link href="/spaces">Spaces</Link>
+            </DropdownMenuItem>
+            <DropdownMenuSeparator />
             <DropdownMenuItem>
               <Logout />
             </DropdownMenuItem>
diff --git a/todo.md b/todo.md
index f6e7250..d20e595 100644
--- a/todo.md
+++ b/todo.md
@@ -1,2 +1,5 @@
-- handle session issue
-- fix ui for google auth
+## Second Iteration
+- get rid of useraccout dropdown
+
+## Animations
+

From 45b40338a512e4e076338daf8b2956f99f1a727d Mon Sep 17 00:00:00 2001
From: sabovyan <abovyan.sargis90@gmail.com>
Date: Sun, 3 Dec 2023 16:19:56 +0400
Subject: [PATCH 07/15] [spaces] rearrange spaces

---
 app/spaces/layout.tsx | 23 +++++++++++++++++++++++
 app/spaces/page.tsx   | 43 ++++++++++++++++++++++++-------------------
 2 files changed, 47 insertions(+), 19 deletions(-)
 create mode 100644 app/spaces/layout.tsx

diff --git a/app/spaces/layout.tsx b/app/spaces/layout.tsx
new file mode 100644
index 0000000..890e128
--- /dev/null
+++ b/app/spaces/layout.tsx
@@ -0,0 +1,23 @@
+import { PropsWithChildren } from 'react';
+
+import Link from 'next/link';
+
+export default async function Spaces({ children }: PropsWithChildren) {
+  return (
+    <main>
+      <header className="mb-8 flex gap-4">
+        <h2 className="text-2xl underline">
+          <Link href={`/spaces`}>Your Spaces</Link>
+        </h2>
+
+        <Link
+          href={`/spaces/add`}
+          className="text-xl text-center border rounded-lg min-w-[50px]"
+        >
+          +
+        </Link>
+      </header>
+      {children}
+    </main>
+  );
+}
diff --git a/app/spaces/page.tsx b/app/spaces/page.tsx
index 66ac23c..b03876e 100644
--- a/app/spaces/page.tsx
+++ b/app/spaces/page.tsx
@@ -1,38 +1,43 @@
+import Link from 'next/link';
 import { redirect } from 'next/navigation';
 
 import { auth } from '@/lib/auth';
 import { prisma } from '@/lib/prisma';
 
-export default async function Groups() {
+export default async function Spaces() {
   const session = await auth();
 
-  const email = session?.user?.email;
+  const id = session?.user?.id;
 
-  if (!email) {
+  if (!id) {
     redirect('/');
   }
 
-  const user = await prisma.user.findUnique({
+  const spaces = await prisma.space.findMany({
     where: {
-      email
-    },
-    include: {
-      spaces: true
+      creator: {
+        id
+      }
     }
   });
 
-  if (!user) {
-    // TODO handle it - either redirect it to sign it page or show not sign in view
-    throw new Error('handle it');
-  }
-
   return (
-    <main>
-      <header>
-        <h2>Your Space Management</h2>
-      </header>
-      {user.spaces.length ? (
-        <div>your spaces</div>
+    <main className="flex">
+      {spaces.length ? (
+        <aside>
+          <ul className="flex gap-2">
+            {spaces.map((sp) => (
+              <li
+                key={sp.id}
+                className="text-xl text-center min-w-[200px] p-2 rounded-lg border"
+              >
+                <Link href={`/spaces/${sp.id}`} className="block">
+                  {sp.name}
+                </Link>
+              </li>
+            ))}
+          </ul>
+        </aside>
       ) : (
         <div>no space was found</div>
       )}

From a49383ced2aad967c891911e87d25b69eed56cfe Mon Sep 17 00:00:00 2001
From: sabovyan <abovyan.sargis90@gmail.com>
Date: Sun, 3 Dec 2023 16:44:47 +0400
Subject: [PATCH 08/15] [spaces] handle not found page

---
 app/spaces/[id]/not-found.tsx | 22 ++++++++++++++++++++++
 app/spaces/[id]/page.tsx      | 10 ++++++++--
 2 files changed, 30 insertions(+), 2 deletions(-)
 create mode 100644 app/spaces/[id]/not-found.tsx

diff --git a/app/spaces/[id]/not-found.tsx b/app/spaces/[id]/not-found.tsx
new file mode 100644
index 0000000..809cdcb
--- /dev/null
+++ b/app/spaces/[id]/not-found.tsx
@@ -0,0 +1,22 @@
+import Link from 'next/link';
+
+export default function NotFound() {
+  return (
+    <div>
+      <h3 className="text-3xl">Oops Your Space was not found</h3>
+
+      <div className="flex flex-col gap-2 mt-4">
+        <p>
+          Go back to{' '}
+          <Link href="/spaces" className="underline">
+            Your Spaces
+          </Link>{' '}
+          or{' '}
+          <Link href="/" className="underline">
+            Home Page
+          </Link>
+        </p>
+      </div>
+    </div>
+  );
+}
diff --git a/app/spaces/[id]/page.tsx b/app/spaces/[id]/page.tsx
index 2de2f85..68c2e10 100644
--- a/app/spaces/[id]/page.tsx
+++ b/app/spaces/[id]/page.tsx
@@ -1,3 +1,5 @@
+import { notFound } from 'next/navigation';
+
 import { prisma } from '@/lib/prisma';
 
 export default async function SingleSpace({
@@ -7,9 +9,13 @@ export default async function SingleSpace({
 }) {
   const space = await prisma.space.findUnique({ where: { id: params.id } });
 
-  return space ? (
+  if (!space) {
+    notFound();
+  }
+
+  return (
     <div>
       <h1>{space.name}</h1>
     </div>
-  ) : null;
+  );
 }

From c21482735907dabda75a46a038f57aaa54e9f438 Mon Sep 17 00:00:00 2001
From: sabovyan <abovyan.sargis90@gmail.com>
Date: Sun, 3 Dec 2023 16:52:57 +0400
Subject: [PATCH 09/15] [spaces] change aside to section

---
 app/spaces/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/spaces/page.tsx b/app/spaces/page.tsx
index b03876e..9d42589 100644
--- a/app/spaces/page.tsx
+++ b/app/spaces/page.tsx
@@ -24,7 +24,7 @@ export default async function Spaces() {
   return (
     <main className="flex">
       {spaces.length ? (
-        <aside>
+        <section>
           <ul className="flex gap-2">
             {spaces.map((sp) => (
               <li
@@ -37,7 +37,7 @@ export default async function Spaces() {
               </li>
             ))}
           </ul>
-        </aside>
+        </section>
       ) : (
         <div>no space was found</div>
       )}

From de3ca09649ca933a5dc9aad44d39212c88ca5c2f Mon Sep 17 00:00:00 2001
From: sabovyan <abovyan.sargis90@gmail.com>
Date: Sun, 3 Dec 2023 22:02:10 +0400
Subject: [PATCH 10/15] [spaces] upgrade next version

---
 app/spaces/[id]/page.tsx                     | 21 ------
 app/spaces/{[id] => [spaceId]}/not-found.tsx |  0
 package.json                                 |  2 +-
 pnpm-lock.yaml                               | 76 ++++++++++----------
 4 files changed, 39 insertions(+), 60 deletions(-)
 delete mode 100644 app/spaces/[id]/page.tsx
 rename app/spaces/{[id] => [spaceId]}/not-found.tsx (100%)

diff --git a/app/spaces/[id]/page.tsx b/app/spaces/[id]/page.tsx
deleted file mode 100644
index 68c2e10..0000000
--- a/app/spaces/[id]/page.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { notFound } from 'next/navigation';
-
-import { prisma } from '@/lib/prisma';
-
-export default async function SingleSpace({
-  params
-}: {
-  params: { id: string };
-}) {
-  const space = await prisma.space.findUnique({ where: { id: params.id } });
-
-  if (!space) {
-    notFound();
-  }
-
-  return (
-    <div>
-      <h1>{space.name}</h1>
-    </div>
-  );
-}
diff --git a/app/spaces/[id]/not-found.tsx b/app/spaces/[spaceId]/not-found.tsx
similarity index 100%
rename from app/spaces/[id]/not-found.tsx
rename to app/spaces/[spaceId]/not-found.tsx
diff --git a/package.json b/package.json
index 79fcd4b..863fbca 100644
--- a/package.json
+++ b/package.json
@@ -25,7 +25,7 @@
     "@radix-ui/react-slot": "^1.0.2",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
-    "next": "14.0.1",
+    "next": "14.0.3",
     "next-auth": "5.0.0-beta.3",
     "react": "^18",
     "react-dom": "^18",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0e7d423..5ee42ad 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -39,11 +39,11 @@ dependencies:
     specifier: ^2.0.0
     version: 2.0.0
   next:
-    specifier: 14.0.1
-    version: 14.0.1(react-dom@18.2.0)(react@18.2.0)
+    specifier: 14.0.3
+    version: 14.0.3(react-dom@18.2.0)(react@18.2.0)
   next-auth:
     specifier: 5.0.0-beta.3
-    version: 5.0.0-beta.3(next@14.0.1)(react@18.2.0)
+    version: 5.0.0-beta.3(next@14.0.3)(react@18.2.0)
   react:
     specifier: ^18
     version: 18.2.0
@@ -278,11 +278,11 @@ packages:
       next-auth: ^4
     dependencies:
       '@prisma/client': 5.6.0(prisma@5.6.0)
-      next-auth: 5.0.0-beta.3(next@14.0.1)(react@18.2.0)
+      next-auth: 5.0.0-beta.3(next@14.0.3)(react@18.2.0)
     dev: false
 
-  /@next/env@14.0.1:
-    resolution: {integrity: sha512-Ms8ZswqY65/YfcjrlcIwMPD7Rg/dVjdLapMcSHG26W6O67EJDF435ShW4H4LXi1xKO1oRc97tLXUpx8jpLe86A==}
+  /@next/env@14.0.3:
+    resolution: {integrity: sha512-7xRqh9nMvP5xrW4/+L0jgRRX+HoNRGnfJpD+5Wq6/13j3dsdzxO3BCXn7D3hMqsDb+vjZnJq+vI7+EtgrYZTeA==}
     dev: false
 
   /@next/eslint-plugin-next@14.0.1:
@@ -291,8 +291,8 @@ packages:
       glob: 7.1.7
     dev: true
 
-  /@next/swc-darwin-arm64@14.0.1:
-    resolution: {integrity: sha512-JyxnGCS4qT67hdOKQ0CkgFTp+PXub5W1wsGvIq98TNbF3YEIN7iDekYhYsZzc8Ov0pWEsghQt+tANdidITCLaw==}
+  /@next/swc-darwin-arm64@14.0.3:
+    resolution: {integrity: sha512-64JbSvi3nbbcEtyitNn2LEDS/hcleAFpHdykpcnrstITFlzFgB/bW0ER5/SJJwUPj+ZPY+z3e+1jAfcczRLVGw==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [darwin]
@@ -300,8 +300,8 @@ packages:
     dev: false
     optional: true
 
-  /@next/swc-darwin-x64@14.0.1:
-    resolution: {integrity: sha512-625Z7bb5AyIzswF9hvfZWa+HTwFZw+Jn3lOBNZB87lUS0iuCYDHqk3ujuHCkiyPtSC0xFBtYDLcrZ11mF/ap3w==}
+  /@next/swc-darwin-x64@14.0.3:
+    resolution: {integrity: sha512-RkTf+KbAD0SgYdVn1XzqE/+sIxYGB7NLMZRn9I4Z24afrhUpVJx6L8hsRnIwxz3ERE2NFURNliPjJ2QNfnWicQ==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [darwin]
@@ -309,8 +309,8 @@ packages:
     dev: false
     optional: true
 
-  /@next/swc-linux-arm64-gnu@14.0.1:
-    resolution: {integrity: sha512-iVpn3KG3DprFXzVHM09kvb//4CNNXBQ9NB/pTm8LO+vnnnaObnzFdS5KM+w1okwa32xH0g8EvZIhoB3fI3mS1g==}
+  /@next/swc-linux-arm64-gnu@14.0.3:
+    resolution: {integrity: sha512-3tBWGgz7M9RKLO6sPWC6c4pAw4geujSwQ7q7Si4d6bo0l6cLs4tmO+lnSwFp1Tm3lxwfMk0SgkJT7EdwYSJvcg==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
@@ -318,8 +318,8 @@ packages:
     dev: false
     optional: true
 
-  /@next/swc-linux-arm64-musl@14.0.1:
-    resolution: {integrity: sha512-mVsGyMxTLWZXyD5sen6kGOTYVOO67lZjLApIj/JsTEEohDDt1im2nkspzfV5MvhfS7diDw6Rp/xvAQaWZTv1Ww==}
+  /@next/swc-linux-arm64-musl@14.0.3:
+    resolution: {integrity: sha512-v0v8Kb8j8T23jvVUWZeA2D8+izWspeyeDGNaT2/mTHWp7+37fiNfL8bmBWiOmeumXkacM/AB0XOUQvEbncSnHA==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
@@ -327,8 +327,8 @@ packages:
     dev: false
     optional: true
 
-  /@next/swc-linux-x64-gnu@14.0.1:
-    resolution: {integrity: sha512-wMqf90uDWN001NqCM/auRl3+qVVeKfjJdT9XW+RMIOf+rhUzadmYJu++tp2y+hUbb6GTRhT+VjQzcgg/QTD9NQ==}
+  /@next/swc-linux-x64-gnu@14.0.3:
+    resolution: {integrity: sha512-VM1aE1tJKLBwMGtyBR21yy+STfl0MapMQnNrXkxeyLs0GFv/kZqXS5Jw/TQ3TSUnbv0QPDf/X8sDXuMtSgG6eg==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
@@ -336,8 +336,8 @@ packages:
     dev: false
     optional: true
 
-  /@next/swc-linux-x64-musl@14.0.1:
-    resolution: {integrity: sha512-ol1X1e24w4j4QwdeNjfX0f+Nza25n+ymY0T2frTyalVczUmzkVD7QGgPTZMHfR1aLrO69hBs0G3QBYaj22J5GQ==}
+  /@next/swc-linux-x64-musl@14.0.3:
+    resolution: {integrity: sha512-64EnmKy18MYFL5CzLaSuUn561hbO1Gk16jM/KHznYP3iCIfF9e3yULtHaMy0D8zbHfxset9LTOv6cuYKJgcOxg==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
@@ -345,8 +345,8 @@ packages:
     dev: false
     optional: true
 
-  /@next/swc-win32-arm64-msvc@14.0.1:
-    resolution: {integrity: sha512-WEmTEeWs6yRUEnUlahTgvZteh5RJc4sEjCQIodJlZZ5/VJwVP8p2L7l6VhzQhT4h7KvLx/Ed4UViBdne6zpIsw==}
+  /@next/swc-win32-arm64-msvc@14.0.3:
+    resolution: {integrity: sha512-WRDp8QrmsL1bbGtsh5GqQ/KWulmrnMBgbnb+59qNTW1kVi1nG/2ndZLkcbs2GX7NpFLlToLRMWSQXmPzQm4tog==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [win32]
@@ -354,8 +354,8 @@ packages:
     dev: false
     optional: true
 
-  /@next/swc-win32-ia32-msvc@14.0.1:
-    resolution: {integrity: sha512-oFpHphN4ygAgZUKjzga7SoH2VGbEJXZa/KL8bHCAwCjDWle6R1SpiGOdUdA8EJ9YsG1TYWpzY6FTbUA+iAJeww==}
+  /@next/swc-win32-ia32-msvc@14.0.3:
+    resolution: {integrity: sha512-EKffQeqCrj+t6qFFhIFTRoqb2QwX1mU7iTOvMyLbYw3QtqTw9sMwjykyiMlZlrfm2a4fA84+/aeW+PMg1MjuTg==}
     engines: {node: '>= 10'}
     cpu: [ia32]
     os: [win32]
@@ -363,8 +363,8 @@ packages:
     dev: false
     optional: true
 
-  /@next/swc-win32-x64-msvc@14.0.1:
-    resolution: {integrity: sha512-FFp3nOJ/5qSpeWT0BZQ+YE1pSMk4IMpkME/1DwKBwhg4mJLB9L+6EXuJi4JEwaJdl5iN+UUlmUD3IsR1kx5fAg==}
+  /@next/swc-win32-x64-msvc@14.0.3:
+    resolution: {integrity: sha512-ERhKPSJ1vQrPiwrs15Pjz/rvDHZmkmvbf/BjPN/UCOI++ODftT0GtasDPi0j+y6PPJi5HsXw+dpRaXUaw4vjuQ==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [win32]
@@ -2727,7 +2727,7 @@ packages:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
     dev: true
 
-  /next-auth@5.0.0-beta.3(next@14.0.1)(react@18.2.0):
+  /next-auth@5.0.0-beta.3(next@14.0.3)(react@18.2.0):
     resolution: {integrity: sha512-WOKhATBFGeONV+29HzFmspNmL7NXxrsCWLfaDKmAd/4DD1nqXE0BzNFH8t3SJBx7PUDMnB6F7xB76LM/AaV1MQ==}
     peerDependencies:
       next: ^14
@@ -2738,12 +2738,12 @@ packages:
         optional: true
     dependencies:
       '@auth/core': 0.0.0-manual.e9863699
-      next: 14.0.1(react-dom@18.2.0)(react@18.2.0)
+      next: 14.0.3(react-dom@18.2.0)(react@18.2.0)
       react: 18.2.0
     dev: false
 
-  /next@14.0.1(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-s4YaLpE4b0gmb3ggtmpmV+wt+lPRuGtANzojMQ2+gmBpgX9w5fTbjsy6dXByBuENsdCX5pukZH/GxdFgO62+pA==}
+  /next@14.0.3(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-AbYdRNfImBr3XGtvnwOxq8ekVCwbFTv/UJoLwmaX89nk9i051AEY4/HAWzU0YpaTDw8IofUpmuIlvzWF13jxIw==}
     engines: {node: '>=18.17.0'}
     hasBin: true
     peerDependencies:
@@ -2757,7 +2757,7 @@ packages:
       sass:
         optional: true
     dependencies:
-      '@next/env': 14.0.1
+      '@next/env': 14.0.3
       '@swc/helpers': 0.5.2
       busboy: 1.6.0
       caniuse-lite: 1.0.30001561
@@ -2767,15 +2767,15 @@ packages:
       styled-jsx: 5.1.1(react@18.2.0)
       watchpack: 2.4.0
     optionalDependencies:
-      '@next/swc-darwin-arm64': 14.0.1
-      '@next/swc-darwin-x64': 14.0.1
-      '@next/swc-linux-arm64-gnu': 14.0.1
-      '@next/swc-linux-arm64-musl': 14.0.1
-      '@next/swc-linux-x64-gnu': 14.0.1
-      '@next/swc-linux-x64-musl': 14.0.1
-      '@next/swc-win32-arm64-msvc': 14.0.1
-      '@next/swc-win32-ia32-msvc': 14.0.1
-      '@next/swc-win32-x64-msvc': 14.0.1
+      '@next/swc-darwin-arm64': 14.0.3
+      '@next/swc-darwin-x64': 14.0.3
+      '@next/swc-linux-arm64-gnu': 14.0.3
+      '@next/swc-linux-arm64-musl': 14.0.3
+      '@next/swc-linux-x64-gnu': 14.0.3
+      '@next/swc-linux-x64-musl': 14.0.3
+      '@next/swc-win32-arm64-msvc': 14.0.3
+      '@next/swc-win32-ia32-msvc': 14.0.3
+      '@next/swc-win32-x64-msvc': 14.0.3
     transitivePeerDependencies:
       - '@babel/core'
       - babel-plugin-macros

From 3a1befd594f3464e334548a6cc2dcff6bf1b2c5c Mon Sep 17 00:00:00 2001
From: sabovyan <abovyan.sargis90@gmail.com>
Date: Sun, 3 Dec 2023 22:15:23 +0400
Subject: [PATCH 11/15] [spaces] add lists

---
 app/spaces/[spaceId]/lists/[listId]/page.tsx  | 13 ++++
 app/spaces/[spaceId]/lists/add/page.tsx       | 60 +++++++++++++++++++
 app/spaces/[spaceId]/page.tsx                 | 58 ++++++++++++++++++
 app/spaces/edit/page.tsx                      |  7 ---
 app/spaces/layout.tsx                         | 23 -------
 app/spaces/page.tsx                           | 54 +++++++++++------
 .../20231203122846_add_lists/migration.sql    | 17 ++++++
 .../migration.sql                             |  8 +++
 .../migration.sql                             | 12 ++++
 prisma/schema.prisma                          | 27 ++++++++-
 10 files changed, 227 insertions(+), 52 deletions(-)
 create mode 100644 app/spaces/[spaceId]/lists/[listId]/page.tsx
 create mode 100644 app/spaces/[spaceId]/lists/add/page.tsx
 create mode 100644 app/spaces/[spaceId]/page.tsx
 delete mode 100644 app/spaces/edit/page.tsx
 delete mode 100644 app/spaces/layout.tsx
 create mode 100644 prisma/migrations/20231203122846_add_lists/migration.sql
 create mode 100644 prisma/migrations/20231203125043_list_to_lists/migration.sql
 create mode 100644 prisma/migrations/20231203163928_make_favorite_optional/migration.sql

diff --git a/app/spaces/[spaceId]/lists/[listId]/page.tsx b/app/spaces/[spaceId]/lists/[listId]/page.tsx
new file mode 100644
index 0000000..e4b74b4
--- /dev/null
+++ b/app/spaces/[spaceId]/lists/[listId]/page.tsx
@@ -0,0 +1,13 @@
+import { SpaceItemParams } from '../../page';
+
+type ListItemParams = SpaceItemParams & {
+  listId: string;
+};
+export default function ListItem({ params }: { params: ListItemParams }) {
+  console.log(params);
+  return (
+    <div>
+      <h1>{params.spaceId}</h1>
+    </div>
+  );
+}
diff --git a/app/spaces/[spaceId]/lists/add/page.tsx b/app/spaces/[spaceId]/lists/add/page.tsx
new file mode 100644
index 0000000..300d128
--- /dev/null
+++ b/app/spaces/[spaceId]/lists/add/page.tsx
@@ -0,0 +1,60 @@
+import { revalidateTag } from 'next/cache';
+import { RedirectType, redirect } from 'next/navigation';
+import { z } from 'zod';
+
+import { FormField } from '@/components/formField';
+import { Button } from '@/components/ui/button';
+import { auth } from '@/lib/auth';
+import { prisma } from '@/lib/prisma';
+
+const schema = z.object({
+  name: z.string()
+});
+
+export default function AddList({
+  params: { spaceId }
+}: {
+  params: { spaceId: string };
+}) {
+  return (
+    <div>
+      <form
+        action={async (formData: FormData) => {
+          'use server';
+          try {
+            const parsed = schema.parse({
+              name: formData.get('name')
+            });
+            const session = await auth();
+
+            const newList = await prisma.list.create({
+              data: {
+                name: parsed.name,
+                Space: {
+                  connect: {
+                    id: spaceId
+                  }
+                },
+                creator: {
+                  connect: {
+                    id: session?.user.id
+                  }
+                }
+              }
+            });
+
+            revalidateTag(`/spaces/${spaceId}`);
+
+            redirect(`/spaces/${spaceId}/lists/${newList.id}`);
+          } catch (err) {
+            console.log(err);
+            console.error('OOOPS');
+          }
+        }}
+      >
+        <FormField type="text" label="Name" name="name" />
+        <Button className="w-full mt-4">Submit</Button>
+      </form>
+    </div>
+  );
+}
diff --git a/app/spaces/[spaceId]/page.tsx b/app/spaces/[spaceId]/page.tsx
new file mode 100644
index 0000000..929abae
--- /dev/null
+++ b/app/spaces/[spaceId]/page.tsx
@@ -0,0 +1,58 @@
+import Link from 'next/link';
+import { notFound } from 'next/navigation';
+
+import { prisma } from '@/lib/prisma';
+
+export type SpaceItemParams = { spaceId: string };
+
+export default async function SingleSpace({
+  params: { spaceId: paramsSpaceId }
+}: {
+  params: SpaceItemParams;
+}) {
+  const space = await prisma.space.findUnique({
+    where: { id: paramsSpaceId },
+    include: { Lists: true }
+  });
+
+  if (!space) {
+    notFound();
+  }
+
+  return (
+    <section>
+      <div className="flex gap-4 mb-4 mx-4 items-center justify-start">
+        <h2 className="text-3xl border max-w-fit px-4 py-2 rounded-2xl bg-primary text-primary-foreground">
+          <Link href={`/spaces/${space.id}`}>☀︎ {space.name}</Link>
+        </h2>
+        <Link
+          href={`/spaces/${space.id}/lists/add`}
+          className="text-3xl border px-4 py-2 rounded-2xl"
+        >
+          +
+        </Link>
+      </div>
+      {!space.Lists.length ? (
+        <div>
+          <h2 className="text-2xl">No List was Found</h2>
+        </div>
+      ) : (
+        <ul className="flex flex-wrap gap-2">
+          {space.Lists.map((list) => (
+            <li
+              key={list.id}
+              className="text-xl text-center min-w-[200px] p-2 rounded-lg border"
+            >
+              <Link
+                href={`/spaces/${space.id}/lists/${list.id}`}
+                className="block"
+              >
+                {list.name}
+              </Link>
+            </li>
+          ))}
+        </ul>
+      )}
+    </section>
+  );
+}
diff --git a/app/spaces/edit/page.tsx b/app/spaces/edit/page.tsx
deleted file mode 100644
index 371d02e..0000000
--- a/app/spaces/edit/page.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-export default function NewSpace() {
-  return (
-    <div>
-      <h1>EDIT</h1>
-    </div>
-  );
-}
diff --git a/app/spaces/layout.tsx b/app/spaces/layout.tsx
deleted file mode 100644
index 890e128..0000000
--- a/app/spaces/layout.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { PropsWithChildren } from 'react';
-
-import Link from 'next/link';
-
-export default async function Spaces({ children }: PropsWithChildren) {
-  return (
-    <main>
-      <header className="mb-8 flex gap-4">
-        <h2 className="text-2xl underline">
-          <Link href={`/spaces`}>Your Spaces</Link>
-        </h2>
-
-        <Link
-          href={`/spaces/add`}
-          className="text-xl text-center border rounded-lg min-w-[50px]"
-        >
-          +
-        </Link>
-      </header>
-      {children}
-    </main>
-  );
-}
diff --git a/app/spaces/page.tsx b/app/spaces/page.tsx
index 9d42589..67dad8a 100644
--- a/app/spaces/page.tsx
+++ b/app/spaces/page.tsx
@@ -21,26 +21,42 @@ export default async function Spaces() {
     }
   });
 
+  console.log(spaces);
+
   return (
-    <main className="flex">
-      {spaces.length ? (
-        <section>
-          <ul className="flex gap-2">
-            {spaces.map((sp) => (
-              <li
-                key={sp.id}
-                className="text-xl text-center min-w-[200px] p-2 rounded-lg border"
-              >
-                <Link href={`/spaces/${sp.id}`} className="block">
-                  {sp.name}
-                </Link>
-              </li>
-            ))}
-          </ul>
-        </section>
-      ) : (
-        <div>no space was found</div>
-      )}
+    <main>
+      <header className="mb-8 flex gap-4">
+        <h2 className="text-2xl underline">
+          <Link href={`/spaces`}>Your Spaces</Link>
+        </h2>
+
+        <Link
+          href={`/spaces/add`}
+          className="text-xl text-center border rounded-lg min-w-[50px]"
+        >
+          +
+        </Link>
+      </header>
+      <div className="flex">
+        {spaces.length ? (
+          <section>
+            <ul className="flex flex-wrap gap-2">
+              {spaces.map((sp) => (
+                <li
+                  key={sp.id}
+                  className="text-xl text-center min-w-[200px] p-2 rounded-lg border"
+                >
+                  <Link href={`/spaces/${sp.id}`} className="block">
+                    {sp.name}
+                  </Link>
+                </li>
+              ))}
+            </ul>
+          </section>
+        ) : (
+          <section>no space was found</section>
+        )}
+      </div>
     </main>
   );
 }
diff --git a/prisma/migrations/20231203122846_add_lists/migration.sql b/prisma/migrations/20231203122846_add_lists/migration.sql
new file mode 100644
index 0000000..fa268a2
--- /dev/null
+++ b/prisma/migrations/20231203122846_add_lists/migration.sql
@@ -0,0 +1,17 @@
+-- CreateTable
+CREATE TABLE "List" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "spaceId" TEXT NOT NULL,
+    "creatorId" TEXT NOT NULL,
+
+    CONSTRAINT "List_pkey" PRIMARY KEY ("id")
+);
+
+-- AddForeignKey
+ALTER TABLE "List" ADD CONSTRAINT "List_spaceId_fkey" FOREIGN KEY ("spaceId") REFERENCES "Space"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "List" ADD CONSTRAINT "List_creatorId_fkey" FOREIGN KEY ("creatorId") REFERENCES "User"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
diff --git a/prisma/migrations/20231203125043_list_to_lists/migration.sql b/prisma/migrations/20231203125043_list_to_lists/migration.sql
new file mode 100644
index 0000000..ae2b70f
--- /dev/null
+++ b/prisma/migrations/20231203125043_list_to_lists/migration.sql
@@ -0,0 +1,8 @@
+/*
+  Warnings:
+
+  - Added the required column `favorite` to the `List` table without a default value. This is not possible if the table is not empty.
+
+*/
+-- AlterTable
+ALTER TABLE "List" ADD COLUMN     "favorite" BOOLEAN NOT NULL;
diff --git a/prisma/migrations/20231203163928_make_favorite_optional/migration.sql b/prisma/migrations/20231203163928_make_favorite_optional/migration.sql
new file mode 100644
index 0000000..0bc61db
--- /dev/null
+++ b/prisma/migrations/20231203163928_make_favorite_optional/migration.sql
@@ -0,0 +1,12 @@
+/*
+  Warnings:
+
+  - A unique constraint covering the columns `[creatorId,name,spaceId]` on the table `List` will be added. If there are existing duplicate values, this will fail.
+
+*/
+-- AlterTable
+ALTER TABLE "List" ALTER COLUMN "favorite" DROP NOT NULL,
+ALTER COLUMN "favorite" SET DEFAULT false;
+
+-- CreateIndex
+CREATE UNIQUE INDEX "List_creatorId_name_spaceId_key" ON "List"("creatorId", "name", "spaceId");
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 840ea2e..e2ce7cf 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -46,6 +46,7 @@ model User {
   accounts      Account[]
   sessions      Session[]
   spaces        Space[]
+  Lists         List[]
 }
 
 model VerificationToken {
@@ -57,12 +58,32 @@ model VerificationToken {
 }
 
 model Space {
-  id        String   @id @default(cuid())
-  name      String
+  id    String @id @default(cuid())
+  name  String
+  Lists List[]
+
   createdAt DateTime @default(now())
   updatedAt DateTime @updatedAt
-  creator   User     @relation(fields: [creatorId], references: [id])
+
+  creator   User   @relation(fields: [creatorId], references: [id])
   creatorId String
 
   @@unique([creatorId, name], name: "SpaceIdentifier")
 }
+
+model List {
+  id       String   @id @default(cuid())
+  name     String
+  favorite Boolean? @default(false)
+
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+
+  Space   Space  @relation(fields: [spaceId], references: [id])
+  spaceId String
+
+  creator   User   @relation(fields: [creatorId], references: [id])
+  creatorId String
+
+  @@unique([creatorId, name, spaceId], name: "ListIdentifier")
+}

From ba1c6ea49349c8c6bf82287b484fce7b9741d4f4 Mon Sep 17 00:00:00 2001
From: sabovyan <abovyan.sargis90@gmail.com>
Date: Wed, 6 Dec 2023 10:53:10 +0400
Subject: [PATCH 12/15] [spaces] remove logs

---
 lib/prisma.ts | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/lib/prisma.ts b/lib/prisma.ts
index 55697e7..cadd006 100644
--- a/lib/prisma.ts
+++ b/lib/prisma.ts
@@ -1,9 +1,7 @@
 import { PrismaClient } from '@prisma/client';
 
 const prismaClientSingleton = () => {
-  return new PrismaClient({
-    log: ['query']
-  });
+  return new PrismaClient();
 };
 
 type PrismaClientSingleton = ReturnType<typeof prismaClientSingleton>;

From 6eed9ea2c1b90f542ca44896e8ed12f2b859117d Mon Sep 17 00:00:00 2001
From: sabovyan <abovyan.sargis90@gmail.com>
Date: Wed, 6 Dec 2023 10:53:38 +0400
Subject: [PATCH 13/15] [spaces] remove unused var

---
 app/spaces/add/page.tsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/app/spaces/add/page.tsx b/app/spaces/add/page.tsx
index 98507ee..7777bed 100644
--- a/app/spaces/add/page.tsx
+++ b/app/spaces/add/page.tsx
@@ -1,13 +1,11 @@
 import { addSpace } from '@/app/actions/space.actions';
 import { FormField } from '@/components/formField';
 import { Button } from '@/components/ui/button';
-import { auth } from '@/lib/auth';
 
 export default async function NewSpace() {
-  const session = await auth();
   return (
     <div>
-      <h1>ADD NEW SPACE</h1>
+      <h2>ADD NEW SPACE</h2>
 
       <form action={addSpace}>
         <FormField type="text" label="Name" name="name" />

From 6bd6c2c6d529aae5c36c89e3d483c5a86f66c25b Mon Sep 17 00:00:00 2001
From: sabovyan <abovyan.sargis90@gmail.com>
Date: Wed, 6 Dec 2023 10:55:03 +0400
Subject: [PATCH 14/15] [spaces] add list item adding logic

---
 app/actions/list.action.ts              | 45 +++++++++++++++++++++
 app/spaces/[spaceId]/lists/add/page.tsx | 53 +++++--------------------
 notes.md                                |  3 ++
 3 files changed, 57 insertions(+), 44 deletions(-)
 create mode 100644 app/actions/list.action.ts

diff --git a/app/actions/list.action.ts b/app/actions/list.action.ts
new file mode 100644
index 0000000..7146aac
--- /dev/null
+++ b/app/actions/list.action.ts
@@ -0,0 +1,45 @@
+'use server';
+
+import { revalidateTag } from 'next/cache';
+import { redirect } from 'next/navigation';
+import { z } from 'zod';
+
+import { auth } from '@/lib/auth';
+import { prisma } from '@/lib/prisma';
+
+const schema = z.object({
+  name: z.string(),
+  spaceId: z.string()
+});
+
+export const addList = async (formData: FormData) => {
+  const { name, spaceId } = schema.parse({
+    name: formData.get('name'),
+    spaceId: formData.get('spaceId')
+  });
+
+  const session = await auth();
+
+  const newList = await prisma.list.create({
+    data: {
+      name,
+      Space: {
+        connect: {
+          id: spaceId
+        }
+      },
+      creator: {
+        connect: {
+          id: session?.user.id
+        }
+      }
+    },
+    select: {
+      id: true
+    }
+  });
+
+  revalidateTag(`/spaces/${spaceId}`);
+
+  redirect(`/spaces/${spaceId}/lists/${newList.id}`);
+};
diff --git a/app/spaces/[spaceId]/lists/add/page.tsx b/app/spaces/[spaceId]/lists/add/page.tsx
index 300d128..5880c6d 100644
--- a/app/spaces/[spaceId]/lists/add/page.tsx
+++ b/app/spaces/[spaceId]/lists/add/page.tsx
@@ -1,15 +1,6 @@
-import { revalidateTag } from 'next/cache';
-import { RedirectType, redirect } from 'next/navigation';
-import { z } from 'zod';
-
+import { addList } from '@/app/actions/list.action';
 import { FormField } from '@/components/formField';
 import { Button } from '@/components/ui/button';
-import { auth } from '@/lib/auth';
-import { prisma } from '@/lib/prisma';
-
-const schema = z.object({
-  name: z.string()
-});
 
 export default function AddList({
   params: { spaceId }
@@ -18,41 +9,15 @@ export default function AddList({
 }) {
   return (
     <div>
-      <form
-        action={async (formData: FormData) => {
-          'use server';
-          try {
-            const parsed = schema.parse({
-              name: formData.get('name')
-            });
-            const session = await auth();
-
-            const newList = await prisma.list.create({
-              data: {
-                name: parsed.name,
-                Space: {
-                  connect: {
-                    id: spaceId
-                  }
-                },
-                creator: {
-                  connect: {
-                    id: session?.user.id
-                  }
-                }
-              }
-            });
-
-            revalidateTag(`/spaces/${spaceId}`);
-
-            redirect(`/spaces/${spaceId}/lists/${newList.id}`);
-          } catch (err) {
-            console.log(err);
-            console.error('OOOPS');
-          }
-        }}
-      >
+      <form action={addList}>
         <FormField type="text" label="Name" name="name" />
+        <FormField
+          hidden
+          type="text"
+          name="spaceId"
+          defaultValue={spaceId}
+          readOnly
+        />
         <Button className="w-full mt-4">Submit</Button>
       </form>
     </div>
diff --git a/notes.md b/notes.md
index 80bc3e2..72d7d26 100644
--- a/notes.md
+++ b/notes.md
@@ -10,3 +10,6 @@ https://github.com/nextauthjs/next-auth/issues/6640#issuecomment-1441383198
 
 - prisma client issue with next dev server
 https://www.prisma.io/docs/guides/other/troubleshooting-orm/help-articles/nextjs-prisma-client-dev-practices
+
+- next js react dev server redirect issue
+https://github.com/vercel/next.js/issues/55586

From 50ca0534814c4e63458a2a4ef472800430481188 Mon Sep 17 00:00:00 2001
From: sabovyan <abovyan.sargis90@gmail.com>
Date: Wed, 6 Dec 2023 11:46:01 +0400
Subject: [PATCH 15/15] [spaces] add list not found page

---
 .../[spaceId]/lists/[listId]/not-found.tsx    | 29 +++++++++++++++++++
 app/spaces/[spaceId]/lists/[listId]/page.tsx  | 15 ++++++++--
 2 files changed, 42 insertions(+), 2 deletions(-)
 create mode 100644 app/spaces/[spaceId]/lists/[listId]/not-found.tsx

diff --git a/app/spaces/[spaceId]/lists/[listId]/not-found.tsx b/app/spaces/[spaceId]/lists/[listId]/not-found.tsx
new file mode 100644
index 0000000..f0a81bb
--- /dev/null
+++ b/app/spaces/[spaceId]/lists/[listId]/not-found.tsx
@@ -0,0 +1,29 @@
+'use client';
+
+import Link from 'next/link';
+import { useParams } from 'next/navigation';
+
+import { SpaceItemParams } from '../../page';
+
+export default function NotFound() {
+  const params = useParams<SpaceItemParams>();
+
+  return (
+    <div>
+      <h3 className="text-3xl">Oops Your List was not found</h3>
+
+      <div className="flex flex-col gap-2 mt-4">
+        <p>
+          Go back to{' '}
+          <Link href={`/spaces/${params.spaceId}`} className="underline">
+            Your Lists
+          </Link>{' '}
+          or{' '}
+          <Link href="/" className="underline">
+            Home Page
+          </Link>
+        </p>
+      </div>
+    </div>
+  );
+}
diff --git a/app/spaces/[spaceId]/lists/[listId]/page.tsx b/app/spaces/[spaceId]/lists/[listId]/page.tsx
index e4b74b4..8ff2fb5 100644
--- a/app/spaces/[spaceId]/lists/[listId]/page.tsx
+++ b/app/spaces/[spaceId]/lists/[listId]/page.tsx
@@ -1,10 +1,21 @@
+import { notFound } from 'next/navigation';
+
+import { prisma } from '@/lib/prisma';
+
 import { SpaceItemParams } from '../../page';
 
 type ListItemParams = SpaceItemParams & {
   listId: string;
 };
-export default function ListItem({ params }: { params: ListItemParams }) {
-  console.log(params);
+export default async function List({ params }: { params: ListItemParams }) {
+  const list = await prisma.list.findUnique({
+    where: { id: params.listId }
+  });
+
+  if (!list) {
+    notFound();
+  }
+
   return (
     <div>
       <h1>{params.spaceId}</h1>