.

package.json

@@ -49,7 +49,7 @@
     "lucide-react": "^0.304.0",
     "next": "^14.0.4",
     "next-auth": "^4.24.5",
-    "next-safe-action": "^6.0.1",
+    "next-safe-action": "^6.0.2",
     "react": "18.2.0",
     "react-beautiful-dnd": "^13.1.1",
     "react-dom": "18.2.0",

prettier.config.js

@@ -10,7 +10,6 @@ const config = {
   semi: true,
   importOrder: [
     '<THIRD_PARTY_MODULES>',
-
     '^@/(.*)$', // Absolute imports
     '^[./].*(?<!\\.(c|le|sc)ss)$',
     '^[.]/[-a-zA-Z0-9_]+[.](module)[.](css|scss|less)$',

prisma/schema.prisma

@@ -14,18 +14,6 @@ datasource db {
     url      = env("DATABASE_URL")
 }
 
-model Post {
-    id        Int      @id @default(autoincrement())
-    name      String
-    createdAt DateTime @default(now())
-    updatedAt DateTime @updatedAt
-
-    createdBy   User   @relation(fields: [createdById], references: [id])
-    createdById String
-
-    @@index([name])
-}
-
 // Necessary for Next auth
 model Account {
     id                String  @id @default(cuid())
@@ -71,18 +59,17 @@ model User {
     createdAt     DateTime  @default(now())
     accounts      Account[]
     sessions      Session[]
-    posts         Post[]
     orders        Order[]
     cart          Cart[]
 }
 
 model Cart {
     id        Int        @id @default(autoincrement())
     userId    String     @unique
-    createdAt DateTime   @default(now())
-    updatedAt DateTime   @updatedAt
     user      User       @relation(fields: [userId], references: [id], onDelete: Cascade)
     cartItems CartItem[]
+    createdAt DateTime   @default(now())
+    updatedAt DateTime   @updatedAt
 }
 
 model CartItem {

src/app/admin/payments/[id]/page.tsx

@@ -1,5 +1,6 @@
-import { stripe } from "@/lib/stripe";
-import CheckoutService from "@/features/Shop/services/checkout.service";
+import { OrderStatusSelect } from '@/features/Admin/components/OrderStatusSelect';
+import CheckoutService from '@/features/Shop/services/checkout.service';
+import { stripe } from '@/lib/stripe';
 
 export default async function PaymentPage({
   params,
@@ -14,7 +15,11 @@ export default async function PaymentPage({
     paymentIntent.payment_method as string,
   );
 
+  console.log(order);
+
   return (
-    <div className="mx-auto w-full max-w-5xl space-y-8 px-14">PaymentPage</div>
+    <div className="mx-auto w-full max-w-5xl space-y-8 px-14">
+      <OrderStatusSelect status={order?.status} />
+    </div>
   );
 }

src/features/Admin/components/OrderStatusSelect/index.tsx

@@ -0,0 +1,40 @@
+import {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select';
+import { OrderStatus } from '@prisma/client';
+
+const orderStatus = [
+  { label: 'Pending', value: 'PENDING' },
+  { label: 'Processing', value: 'PROCESSING' },
+  { label: 'Shipped', value: 'SHIPPED' },
+  { label: 'Delivered', value: 'DELIVERED' },
+  { label: 'Canceled', value: 'CANCELED' },
+];
+
+type Props = {
+  status: OrderStatus | undefined;
+};
+
+export const OrderStatusSelect = ({ status }: Props) => {
+  return (
+    <Select>
+      <SelectTrigger className="w-[180px]">
+        <SelectValue placeholder={status} className="" />
+      </SelectTrigger>
+      <SelectContent>
+        <SelectGroup>
+          {orderStatus.map((status) => (
+            <SelectItem key={status.value} value={status.value}>
+              {status.label}
+            </SelectItem>
+          ))}
+        </SelectGroup>
+      </SelectContent>
+    </Select>
+  );
+};

src/features/Admin/components/common/AdminLogo.tsx

@@ -1,11 +1,11 @@
-import Link from "next/link";
-import Image from "next/image";
-import { ADMIN_URL } from "@/constants/urls";
+import { SHOP_URL } from '@/constants/urls';
+import Image from 'next/image';
+import Link from 'next/link';
 
 export const AdminLogo = () => {
   return (
     <div className="py-4">
-      <Link href={ADMIN_URL}>
+      <Link href={SHOP_URL}>
         <Image
           src="/icons/strapi.svg"
           width={40}

src/features/Admin/components/layouts/Sidebar.tsx

@@ -1,5 +1,5 @@
-import { AdminLogo } from "../common/AdminLogo";
-import { Navigation } from "./Navigation";
+import { AdminLogo } from '../common/AdminLogo';
+import { Navigation } from './Navigation';
 
 export const Sidebar = () => {
   return (

src/features/Admin/types/payment.type.ts

@@ -1,35 +1,43 @@
 export type PaymentMethodOptionsType =
-  | "acss_debit"
-  | "affirm"
-  | "afterpay_clearpay"
-  | "alipay"
-  | "au_becs_debit"
-  | "bacs_debit"
-  | "bancontact"
-  | "blik"
-  | "boleto"
-  | "card"
-  | "card_present"
-  | "cashapp"
-  | "customer_balance"
-  | "eps"
-  | "fpx"
-  | "giropay"
-  | "grabpay"
-  | "ideal"
-  | "interac_present"
-  | "klarna"
-  | "konbini"
-  | "link"
-  | "oxxo"
-  | "p24"
-  | "paynow"
-  | "paypal"
-  | "pix"
-  | "promptpay"
-  | "revolut_pay"
-  | "sepa_debit"
-  | "sofort"
-  | "us_bank_account"
-  | "wechat_pay"
-  | "zip";
+  | 'acss_debit'
+  | 'affirm'
+  | 'afterpay_clearpay'
+  | 'alipay'
+  | 'au_becs_debit'
+  | 'bacs_debit'
+  | 'bancontact'
+  | 'blik'
+  | 'boleto'
+  | 'card'
+  | 'card_present'
+  | 'cashapp'
+  | 'customer_balance'
+  | 'eps'
+  | 'fpx'
+  | 'giropay'
+  | 'grabpay'
+  | 'ideal'
+  | 'interac_present'
+  | 'klarna'
+  | 'konbini'
+  | 'link'
+  | 'oxxo'
+  | 'p24'
+  | 'paynow'
+  | 'paypal'
+  | 'pix'
+  | 'promptpay'
+  | 'revolut_pay'
+  | 'sepa_debit'
+  | 'sofort'
+  | 'us_bank_account'
+  | 'wechat_pay'
+  | 'zip';
+
+export enum OrderStatus {
+  PENDING = 'pending',
+  PROCESSING = 'processing',
+  SHIPPED = 'shipped',
+  DELIVERED = 'delivered',
+  CANCELED = 'canceled',
+}

src/server/db.ts

@@ -1,6 +1,6 @@
-import { PrismaClient } from "@prisma/client";
+import { PrismaClient } from '@prisma/client';
 
-import { env } from "@/env";
+import { env } from '@/env';
 
 const globalForPrisma = globalThis as unknown as {
   prisma: PrismaClient | undefined;
@@ -9,7 +9,7 @@ const globalForPrisma = globalThis as unknown as {
 export const db =
   globalForPrisma.prisma ??
   new PrismaClient({
-    log: env.NODE_ENV === "development" ? ["error", "warn"] : ["error"],
+    log: env.NODE_ENV === 'development' ? ['error', 'warn'] : ['error'],
   });
 
-if (env.NODE_ENV !== "production") globalForPrisma.prisma = db;
+if (env.NODE_ENV !== 'production') globalForPrisma.prisma = db;