B2B-36: add personal dashboard (#20)

* B2B-36: add dashboard cards

* B2B-36: add dashboard cards

* card variants, some improvements, gen db types

* add menus to home page

* update db types

* remove unnecessary card variant

---------

Co-authored-by: Helena <helena@Helenas-MacBook-Pro.local>

config/paths.config.ts

@@ -13,6 +13,12 @@ const PathsSchema = z.object({
   }),
   app: z.object({
     home: z.string().min(1),
+    booking: z.string().min(1),
+    myOrders: z.string().min(1),
+    analysisResults: z.string().min(1),
+    orderAnalysisPackage: z.string().min(1),
+    orderAnalysis: z.string().min(1),
+    orderHealthAnalysis: z.string().min(1),
     personalAccountSettings: z.string().min(1),
     personalAccountBilling: z.string().min(1),
     personalAccountBillingReturn: z.string().min(1),
@@ -47,6 +53,13 @@ const pathsConfig = PathsSchema.parse({
     accountMembers: `/home/[account]/members`,
     accountBillingReturn: `/home/[account]/billing/return`,
     joinTeam: '/join',
+    // these routes are added as placeholders and can be changed when the pages are added
+    booking: '/booking',
+    myOrders: '/my-orders',
+    analysisResults: '/analysis-results',
+    orderAnalysisPackage: '/order-analysis-package',
+    orderAnalysis: '/order-analysis',
+    orderHealthAnalysis: '/order-health-analysis'
   },
 } satisfies z.infer<typeof PathsSchema>);
 

config/personal-account-navigation.config.tsx

@@ -1,47 +1,72 @@
-import { CreditCard, Home, User } from 'lucide-react';
+import {
+  FileLineChart,
+  HeartPulse,
+  LineChart,
+  MousePointerClick,
+  ShoppingCart,
+  Stethoscope,
+  TestTube2,
+} from 'lucide-react';
 import { z } from 'zod';
 
 import { NavigationConfigSchema } from '@kit/ui/navigation-schema';
 
-import featureFlagsConfig from '~/config/feature-flags.config';
 import pathsConfig from '~/config/paths.config';
 
-const iconClasses = 'w-4';
+const iconClasses = 'w-4 stroke-[1.5px]';
 
 const routes = [
   {
-    label: 'common:routes.application',
     children: [
       {
-        label: 'common:routes.home',
+        label: 'common:routes.overview',
         path: pathsConfig.app.home,
-        Icon: <Home className={iconClasses} />,
+        Icon: <LineChart className={iconClasses} />,
+        end: true,
+      },
+      {
+        label: 'common:routes.booking',
+        path: pathsConfig.app.booking,
+        Icon: <MousePointerClick className={iconClasses} />,
+        end: true,
+      },
+      {
+        label: 'common:routes.myOrders',
+        path: pathsConfig.app.myOrders,
+        Icon: <ShoppingCart className={iconClasses} />,
+        end: true,
+      },
+      {
+        label: 'common:routes.analysisResults',
+        path: pathsConfig.app.analysisResults,
+        Icon: <TestTube2 className={iconClasses} />,
+        end: true,
+      },
+      {
+        label: 'common:routes.orderAnalysisPackage',
+        path: pathsConfig.app.orderAnalysisPackage,
+        Icon: <HeartPulse className={iconClasses} />,
+        end: true,
+      },
+      {
+        label: 'common:routes.orderAnalysis',
+        path: pathsConfig.app.orderAnalysis,
+        Icon: <FileLineChart className={iconClasses} />,
+        end: true,
+      },
+      {
+        label: 'common:routes.orderHealthAnalysis',
+        path: pathsConfig.app.orderHealthAnalysis,
+        Icon: <Stethoscope className={iconClasses} />,
         end: true,
       },
     ],
   },
-  {
-    label: 'common:routes.settings',
-    children: [
-      {
-        label: 'common:routes.profile',
-        path: pathsConfig.app.personalAccountSettings,
-        Icon: <User className={iconClasses} />,
-      },
-      featureFlagsConfig.enablePersonalAccountBilling
-        ? {
-            label: 'common:routes.billing',
-            path: pathsConfig.app.personalAccountBilling,
-            Icon: <CreditCard className={iconClasses} />,
-          }
-        : undefined,
-    ].filter((route) => !!route),
-  },
 ] satisfies z.infer<typeof NavigationConfigSchema>['routes'];
 
 export const personalAccountNavigationConfig = NavigationConfigSchema.parse({
   routes,
-  style: process.env.NEXT_PUBLIC_USER_NAVIGATION_STYLE,
-  sidebarCollapsed: process.env.NEXT_PUBLIC_HOME_SIDEBAR_COLLAPSED,
-  sidebarCollapsedStyle: process.env.NEXT_PUBLIC_SIDEBAR_COLLAPSED_STYLE,
+  style: 'custom',
+  sidebarCollapsed: false,
+  sidebarCollapsedStyle: 'icon',
 });