Refactor portfolio admin and views

lib/portfolio.ts

@@ -1,4 +1,10 @@
-import type { Category, PortfolioAsset, PortfolioProject, PortfolioSection } from "@prisma/client";
+import type {
+  Category,
+  PortfolioAsset,
+  PortfolioProject,
+  PortfolioProjectViewMode,
+  PortfolioSection,
+} from "@prisma/client";
 
 import { getPortfolioMediaBindings } from "@/lib/media";
 import type { AppLocale } from "@/lib/locale";
@@ -42,6 +48,7 @@ type ProjectRecord = Pick<
   PortfolioProject,
   | "id"
   | "slug"
+  | "viewMode"
   | "titleAr"
   | "titleEn"
   | "titleDe"
@@ -99,6 +106,7 @@ export type PortfolioAssetView = {
 export type PortfolioProjectView = {
   id: string;
   slug: string;
+  viewMode: PortfolioProjectViewMode;
   title: LocalizedContent;
   summary: LocalizedContent;
   clientName: string;
@@ -116,6 +124,20 @@ export type PortfolioProjectView = {
   assets: PortfolioAssetView[];
 };
 
+export function resolvePortfolioProjectViewMode(
+  value: string | null | undefined,
+): PortfolioProjectViewMode {
+  switch (value) {
+    case "STORY":
+      return "STORY";
+    case "CASE_STUDY":
+      return "CASE_STUDY";
+    case "GRID":
+    default:
+      return "GRID";
+  }
+}
+
 function mapLocalizedContent(record: Record<string, unknown>, prefix: string): LocalizedContent {
   return {
     ar: String(record[`${prefix}Ar`] ?? ""),
@@ -174,6 +196,7 @@ function mapProject(
   return {
     id: record.id,
     slug: record.slug,
+    viewMode: resolvePortfolioProjectViewMode(record.viewMode),
     title: mapLocalizedContent(record, "title"),
     summary: mapLocalizedContent(record, "summary"),
     clientName: record.clientName,