Merge pull request #93 from cortex-reply/beta

feat: new intranet components

Author: rob-at-cortex

package.json

@@ -130,6 +130,8 @@
     "clsx": "^2.1.1",
     "cmdk": "^1.0.4",
     "date-fns": "^4.1.0",
+    "embla-carousel-autoplay": "^8.6.0",
+    "embla-carousel-react": "^8.6.0",
     "formik": "^2.4.6",
     "html2canvas": "^1.4.1",
     "jspdf": "^2.5.2",

pnpm-lock.yaml

@@ -39,11 +39,11 @@ export function EventCard({
   const getEventColor = (eventType: EventType) => {
     switch (eventType) {
       case 'birthday':
-        return 'bg-brand-one'
+        return 'bg-brand-cyan'
       case 'workAnniversary':
-        return 'bg-brand-two'
+        return 'bg-brand-blue'
       case 'companyEvent':
-        return 'bg-brand-three'
+        return 'bg-brand-plum'
       default:
         return 'from-gray-500 to-slate-500'
     }

src/components/Cards/EventCard.tsx

@@ -29,6 +29,79 @@ const exampleCustomerProjectPairs = [
   { customer: { id: 3, name: 'Initech' }, project: { id: 301, name: 'API Integration' } },
 ]
 
+const prefilledSubmission = {
+  customer: 1,
+  project: 101,
+  projectSummary: 'Existing project summary',
+  projectUpdate: 'Latest updates go here',
+  projectConcerns: 'Escalate dependency on vendor',
+  commercialOpportunities: 'Upsell managed services',
+  commercialRisks: 'Budget freeze risk',
+  milestones: [
+    {
+      name: 'milestone 1',
+      commentary: 'Kick-off completed',
+      dueDate: '2026-01-01T12:00:00.000Z',
+      rag: 'At Risk',
+    },
+    {
+      name: 'milestone 2',
+      commentary: 'Launch planned',
+      rag: 'Complete',
+    },
+  ],
+}
+
+const payloadLikeInitialData = {
+  id: 1,
+  user: {
+    id: 1,
+    name: 'Test user - do not delete',
+    email: 'test@test.com',
+    holidaysRemaining: 25,
+    startingHolidays: 25,
+  },
+  customer: {
+    id: 55,
+    name: 'Payload Customer',
+    active: true,
+  },
+  project: {
+    id: 77,
+    projectName: 'Prefilled Project',
+    customer: {
+      id: 55,
+      name: 'Payload Customer',
+    },
+    deliveryLead: 1,
+    projectSummary: 'Embedded project summary from payload',
+    updatedAt: '2025-12-29T17:01:42.242Z',
+    createdAt: '2025-12-29T17:01:02.257Z',
+  },
+  projectSummary: 'Prefilled summary from payload object',
+  milestones: [
+    {
+      id: '6952b833837af7823a9d9f73',
+      name: 'milestone 1',
+      commentary: 'Kick-off complete',
+      dueDate: '2026-01-01T12:00:00.000Z',
+      rag: 'At Risk',
+    },
+    {
+      id: '6952b85a837af7823a9d9f75',
+      name: 'milestone 2',
+      commentary: 'Rollout planned',
+      rag: 'Complete',
+    },
+  ],
+  projectUpdate: 'Prefilled update text',
+  projectConcerns: null,
+  commercialOpportunities: null,
+  commercialRisks: null,
+  updatedAt: '2025-12-29T17:20:48.305Z',
+  createdAt: '2025-12-29T17:20:08.051Z',
+}
+
 export const Default: Story = {
   args: {
     customerProjectPairs: exampleCustomerProjectPairs,
@@ -40,4 +113,24 @@ export const NoCustomers: Story = {
   args: {
     // customerProjectPairs: exampleCustomerProjectPairs,
   },
+}
+
+export const PrefilledValues: Story = {
+  args: {
+    customerProjectPairs: exampleCustomerProjectPairs,
+    initialData: prefilledSubmission,
+  },
+}
+
+export const PrefilledFromPayloadObjects: Story = {
+  args: {
+    customerProjectPairs: exampleCustomerProjectPairs,
+    initialData: payloadLikeInitialData,
+  },
+}
+
+export const PrefilledWithoutPairs: Story = {
+  args: {
+    initialData: payloadLikeInitialData,
+  },
 }