feat: edit/delete review

Author: agmmtoo

app/(protected)/admin/memberships/[id]/layout.tsx

@@ -0,0 +1,56 @@
+import {
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbSeparator,
+} from '@/components/ui/breadcrumb'
+import { getMembership } from '@/lib/api/membership'
+import { SITE_NAME } from '@/lib/consts'
+import { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: `Membership · ${SITE_NAME}`,
+}
+
+export default async function MembershipDetailsLayout({
+  children,
+  params,
+}: Readonly<{
+  children: React.ReactNode
+  params: Promise<{ id: string }>
+}>) {
+  const { id } = await params
+
+  const [membershipRes] = await Promise.all([getMembership({ id })])
+
+  if ('error' in membershipRes) {
+    console.log({ libRes: membershipRes })
+    return <div>{JSON.stringify(membershipRes.message)}</div>
+  }
+  return (
+    <>
+      <nav className="backdrop-blur-sm sticky top-0 z-10">
+        <h1 className="text-2xl font-semibold">{membershipRes.data.name}</h1>
+        <div className="flex justify-between items-center">
+          <Breadcrumb>
+            <BreadcrumbList>
+              <BreadcrumbItem>
+                <BreadcrumbLink href="/admin">Home</BreadcrumbLink>
+              </BreadcrumbItem>
+              <BreadcrumbSeparator />
+              <BreadcrumbItem>
+                <BreadcrumbLink href="/admin/memberships">
+                  Memberships
+                </BreadcrumbLink>
+              </BreadcrumbItem>
+              <BreadcrumbSeparator />
+              <BreadcrumbItem>{membershipRes.data.name}</BreadcrumbItem>
+            </BreadcrumbList>
+          </Breadcrumb>
+        </div>
+      </nav>
+      {children}
+    </>
+  )
+}

app/(protected)/admin/memberships/[id]/page.tsx

@@ -0,0 +1,25 @@
+import { ListCardMembership } from '@/components/memberships/ListCardMembership'
+import { getMembership } from '@/lib/api/membership'
+
+export default async function Memberships({
+  params,
+}: {
+  params: Promise<{
+    id: string
+  }>
+}) {
+  const { id } = await params
+
+  const [membershipRes] = await Promise.all([getMembership({ id })])
+
+  if ('error' in membershipRes) {
+    console.log(membershipRes)
+    return <div>{JSON.stringify(membershipRes.message)}</div>
+  }
+
+  return (
+    <div className="space-y-4">
+      <ListCardMembership membership={membershipRes.data} />
+    </div>
+  )
+}