fixed bug that showed invalid areas of focus

jhuopensource · Oct 5, 2024 · 301a296 · 301a296
1 parent 10b700f
commit 301a296
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/static/js/redux/ui/SearchResult.tsx b/static/js/redux/ui/SearchResult.tsx
@@ -141,16 +141,25 @@ const SearchResult = (props: SearchResultProps) => {
 };
 
 type AreaBubbleProps = { areas: string[] };
-export const AreaBubble = ({ areas }: AreaBubbleProps) =>
-  areas.length > 0 ? (
+export const AreaBubble = ({ areas }: AreaBubbleProps) => {
+  const isValidArea = (rawAreaSingle: string) : boolean => {
+    const validAreas = ['H', 'S', 'N', 'E', 'Q', 'writing'];
+    return validAreas.includes(rawAreaSingle);
+  }
+
+  const validAreas = areas.filter((areaCandidate) => isValidArea(areaCandidate));
+
+  return validAreas.length > 0 ? (
     <div className="areas">
-      {areas.map((area) => (
+      {validAreas.map((area) => (
         <div className={`bubble ${area}`} key={area}>
           {area}
         </div>
       ))}
     </div>
   ) : null;
+}
+
 
 type WritingIntensiveProps = { isWritingIntensive: string };
 export const WritingIntensive = ({ isWritingIntensive }: WritingIntensiveProps) =>

diff --git a/tsconfig.json b/tsconfig.json
@@ -10,6 +10,6 @@
     "allowJs": true,
     "moduleResolution": "node",
     "esModuleInterop": true,
-    "lib": ["es2015", "DOM"]
+    "lib": ["es2015", "DOM", "es2016"]
   }
 }