Merge pull request #91 from CS3219-AY2324S1/90-add-placeholder-to-filtering-of-questions

add placeholder

Author: szelongq

frontend/src/components/Questions/QuestionsTable.tsx

@@ -103,9 +103,16 @@ const InterviewQuestionsTable: React.FC = () => {
       {/* Category Filter */}
       <Select
         multiple
+        displayEmpty
         value={selectedCategories}
         onChange={handleCategoriesChange}
-        renderValue={(selected) => (selected as string[]).join(", ")}
+        renderValue={(selected) => {
+          if (selected.length === 0) {
+            return <em>Filter by category</em>;
+          } else {
+            return (selected as string[]).join(", ")}
+          }
+        }
         style={{ marginTop: "10px", marginBottom: "10px", width: "80%" }}
       >
         {uniqueCategories.map((category) => (