From c22317b87ed9ddb8e3799cb5ebd51997830ee8be Mon Sep 17 00:00:00 2001
From: Kevin Wu <kevinwu098@gmail.com>
Date: Fri, 5 Apr 2024 00:43:43 -0700
Subject: [PATCH] feat: handle colon in UCLA categories

---
 components/search/SearchResults.tsx | 13 ++++++++++++-
 components/search/SearchSelect.tsx  | 30 +++++++++++++++++++++--------
 2 files changed, 34 insertions(+), 9 deletions(-)

diff --git a/components/search/SearchResults.tsx b/components/search/SearchResults.tsx
index 21b9682..99068e4 100644
--- a/components/search/SearchResults.tsx
+++ b/components/search/SearchResults.tsx
@@ -88,7 +88,18 @@ const SearchResults = (props: SearchResultsProps) => {
                                             </div>
                                             <div className="flex flex-row gap-2 text-base font-light">
                                                 {result.fulfillsGEs
-                                                    .map((obj) => obj.category)
+                                                    .map((obj) => {
+                                                        const category =
+                                                            obj.category;
+
+                                                        return category.includes(
+                                                            ":",
+                                                        )
+                                                            ? category.split(
+                                                                  ": ",
+                                                              )[1]
+                                                            : category;
+                                                    })
                                                     .join(", ")}
                                             </div>
                                         </div>
diff --git a/components/search/SearchSelect.tsx b/components/search/SearchSelect.tsx
index c7df1de..e904cfa 100644
--- a/components/search/SearchSelect.tsx
+++ b/components/search/SearchSelect.tsx
@@ -21,17 +21,31 @@ export const SearchSelect = (props: DropdownComponentProps) => {
     return (
         <div className="relative flex h-12 w-[300px] md:h-16">
             <Select value={value} onValueChange={onChange}>
-                <SelectTrigger className="h-full w-full overflow-ellipsis rounded-xl border-2 border-gray px-4 text-base md:text-2xl">
+                <SelectTrigger className="h-full w-full overflow-ellipsis rounded-xl border-2 border-gray px-4 text-left text-base md:text-2xl">
                     <SelectValue placeholder={placeholder} />
                 </SelectTrigger>
                 <SelectContent>
-                    {data.map((item) => (
-                        <SelectItem value={item} key={item} className="text-lg">
-                            {item.includes("University of California")
-                                ? "UC " + item.split(", ")[1]
-                                : item}
-                        </SelectItem>
-                    ))}
+                    {data.map((item) => {
+                        let option = item;
+
+                        if (option.includes("University of California")) {
+                            option = "UC " + item.split(", ")[1];
+                        }
+
+                        if (option.includes(": ")) {
+                            option = item.split(": ")[1];
+                        }
+
+                        return (
+                            <SelectItem
+                                value={item}
+                                key={item}
+                                className="text-lg"
+                            >
+                                {option}
+                            </SelectItem>
+                        );
+                    })}
                 </SelectContent>
             </Select>
         </div>