peterson-implement-no-badges-found-message

Author: peterson337

src/components/UserProfile/AssignBadgePopup.jsx

@@ -98,7 +98,7 @@ function AssignBadgePopup(props) {
         }}
       />
       <div style={{ overflowY: 'scroll', height: '75vh' }}>
-        {!isLoadingBadge && (props.test ?? filteredBadges.length > 0) ? (
+        {!isLoadingBadge && (props.isTableOpen ?? filteredBadges.length > 0) ? (
           <Table data-testid="test-badgeResults" className={darkMode ? 'text-light' : ''}>
             <thead>
               <tr>
@@ -139,7 +139,7 @@ function AssignBadgePopup(props) {
               Loading Badges...
             </h3>
 
-            <Spinner />
+            <Spinner color="primary"/>
           </div>
         ) : (
           !isLoadingBadge &&

src/components/UserProfile/__tests__/AssignBadgePopup.test.jsx

@@ -32,7 +32,7 @@ const tip2 = 'Want to assign multiple of the same badge to a person? Repeat the
 const renderComponent = () => {
   render(
     <Provider store={store}>
-      <AssignBadgePopup test={true} />
+      <AssignBadgePopup isTableOpen={true} />
     </Provider>,
   );
 };