Adds conditionally rendered content when user search returns an empty…

… array
ucfopen · Jan 8, 2024 · 9165b7d · 9165b7d
1 parent 40c636d
commit 9165b7d
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/src/components/my-widgets-score-semester-individual.jsx b/src/components/my-widgets-score-semester-individual.jsx
@@ -125,6 +125,10 @@ const MyWidgetScoreSemesterIndividual = ({ semester, instId }) => {
 			)
 		}
 
+		else if (state.filteredLogs.length == 0) {
+			selectedUserRender = <p className='no-user-search-results'>No users match that search.</p>
+		}
+
 		mainContentRender = (
 			<>
 				<div className='score-search'>

diff --git a/src/components/my-widgets-scores.scss b/src/components/my-widgets-scores.scss
@@ -180,6 +180,11 @@
 			&.loading {
 				display: flex;
 			}
+
+			.no-user-search-results {
+				margin-left: 20px;
+				font-weight: 700;
+			}
 		}
 
 		.display.data {