emptyState for inputs

GiridharRNair · Jan 14, 2024 · d43b9c3 · d43b9c3
1 parent e63e389
commit d43b9c3
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -83,9 +83,9 @@ Dockerized and deployed on the Azure Web App Service after running the Python sc
 
 ### Testing
 
-The Python script responsible for generating the SQLite database is tested using Python's built-in unit test module. To run the tests, run `python db_setup/test_db.py` or `npm run test_db`.
+The Python script responsible for generating the SQLite database is tested using Python's built-in unit test module. To run the tests, run `python db_setup/test_db.py` or `npm run test-db`.
 
-The Gin API is tested using Go tests. To run the tests, run `cd api && go test` or `npm run test_api`.
+The Gin API is tested using Go tests. To run the tests, run `cd api && go test` or `npm run test-api`.
 
 ## Local Development
 

diff --git a/api/db/utdgrades.db b/api/db/utdgrades.db
diff --git a/src/components/Inputs.jsx b/src/components/Inputs.jsx
@@ -39,6 +39,7 @@ function Inputs({ setProfessor, setCourse, professor, course }) {
                 suggestWhenEmpty={true}
                 freeSolo={true}
                 isLoading={professorLoading}
+                emptyState="Professor not found"
                 onSelectOption={(value) => {
                     setProfessor(value.item.label);
                     autocompleteValues(value.item.label, course);
@@ -72,7 +73,7 @@ function Inputs({ setProfessor, setCourse, professor, course }) {
                         )}
                     </InputRightElement>
                 </InputGroup>
-                {professorSuggestions.length > 0 && !professorLoading && (
+                {!professorLoading && (
                     <AutoCompleteList>
                         {professorSuggestions.map((professorOption, index) => (
                             <AutoCompleteItem value={professorOption} key={index}>
@@ -90,6 +91,7 @@ function Inputs({ setProfessor, setCourse, professor, course }) {
                 suggestWhenEmpty={true}
                 freeSolo={true}
                 isLoading={courseLoading}
+                emptyState={`Course(s) not found ${professor ? `for ${professor}` : ""}`}
                 onSelectOption={(value) => setCourse(value.item.label)}
             >
                 <InputGroup>
@@ -117,7 +119,7 @@ function Inputs({ setProfessor, setCourse, professor, course }) {
                         )}
                     </InputRightElement>
                 </InputGroup>
-                {courseSuggestions.length > 0 && !courseLoading && (
+                {!courseLoading && (
                     <AutoCompleteList>
                         {courseSuggestions.map((courseOption, index) => (
                             <AutoCompleteItem value={courseOption} key={index}>