fix: typing and enumming status options

calblueprint · Apr 21, 2024 · 6eeced0 · 6eeced0
1 parent 720333f
commit 6eeced0
Show file tree

Hide file tree

Showing 2 changed files with 48 additions and 9 deletions.
diff --git a/src/app/(BottomTabNavigation)/AllCases/utils.ts b/src/app/(BottomTabNavigation)/AllCases/utils.ts
@@ -5,7 +5,14 @@ import {
   getCaseIdsFromUserId,
   getCasesByIds,
 } from '../../../supabase/queries/cases';
-import { Case, UserUid } from '../../../types/types';
+import {
+  Case,
+  GreenStatusOptions,
+  YellowStatusOptions,
+  RedStatusOptions,
+  UserUid,
+  StatusOptions,
+} from '../../../types/types';
 
 /**
  * Fetches all Cases associated with a specific `userUid` from supabase. Formats Case data and returns an array of `Case` objects.
@@ -61,13 +68,14 @@ export function formatDate(dateObject: Date) {
 }
 
 export function getStatusColor(status: string) {
+  if (!StatusOptions.includes(status)) {
+    throw new Error(`Invalid status: ${status}`);
+  }
+
   if (
-    status === 'In Progress' ||
-    status === 'New Case' ||
-    status === 'Settled' ||
-    status === 'Appeal' ||
-    status === 'Payment Processing' ||
-    status === 'Payment Distributed'
+    Object.values(GreenStatusOptions).includes(
+      status as unknown as GreenStatusOptions,
+    )
   ) {
     return {
       background: {
@@ -77,7 +85,11 @@ export function getStatusColor(status: string) {
       },
       text: { color: colors.darkGreen },
     };
-  } else if (status === 'Pending') {
+  } else if (
+    Object.values(YellowStatusOptions).includes(
+      status as unknown as YellowStatusOptions,
+    )
+  ) {
     return {
       background: {
         backgroundColor: colors.lightYellow,
@@ -86,7 +98,11 @@ export function getStatusColor(status: string) {
       },
       text: { color: colors.darkYellow },
     };
-  } else if (status === 'Action Required') {
+  } else if (
+    Object.values(RedStatusOptions).includes(
+      status as unknown as RedStatusOptions,
+    )
+  ) {
     return {
       background: {
         backgroundColor: colors.lightRed,

diff --git a/src/types/types.tsx b/src/types/types.tsx
@@ -88,3 +88,26 @@ export interface Update {
   summary: string;
   lawFirm: string;
 }
+
+export enum GreenStatusOptions {
+  'In Progress',
+  'New Case',
+  'Settled',
+  'Appeal',
+  'Payment Processing',
+  'Payment Distributed',
+}
+
+export enum YellowStatusOptions {
+  'Pending',
+}
+
+export enum RedStatusOptions {
+  'Action Required',
+}
+
+export const StatusOptions: string[] = [
+  ...(Object.values(GreenStatusOptions) as string[]),
+  ...(Object.values(YellowStatusOptions) as string[]),
+  ...(Object.values(RedStatusOptions) as string[]),
+];