nobug-show-table-filters-and-search-on-enter-tests (bcgov#99)

Author: tolkamps1

met-web/src/components/comments/admin/reviewListing/Submissions.tsx

@@ -116,6 +116,12 @@ const Submissions = () => {
                             label="Search Comments"
                             value={searchText}
                             onChange={(e) => setSearchText(e.target.value)}
+                            onKeyDown={(e) => {
+                                if (e.key === 'Enter') {
+                                    e.preventDefault();
+                                    handleSearchBarClick(searchText);
+                                }
+                            }}
                             size="small"
                         />
                         <PrimaryButton

met-web/src/components/common/Table/index.tsx

@@ -50,6 +50,19 @@ function MetTableHead<T>({ order, orderBy, onRequestSort, headCells, loading, ne
                             }
                             onClick={createSortHandler(headCell.key, index)}
                             hideSortIcon={Boolean(headCell.hideSorticon)}
+                            sx={
+                                headCell.allowSort
+                                    ? {
+                                          '& .MuiTableSortLabel-icon': {
+                                              opacity: 1,
+                                              color:
+                                                  orderBy === headCell.key && nestedSortKey === headCell.nestedSortKey
+                                                      ? 'text.primary'
+                                                      : 'text.disabled',
+                                          },
+                                      }
+                                    : undefined
+                            }
                         >
                             {headCell.label}
                             {headCell.icon}

met-web/src/components/engagement/listing/index.tsx

@@ -412,6 +412,12 @@ const EngagementListing = () => {
                             name="searchText"
                             value={searchText}
                             onChange={(e) => setSearchText(e.target.value)}
+                            onKeyDown={(e) => {
+                                if (e.key === 'Enter') {
+                                    e.preventDefault();
+                                    handleSearchBarClick(searchText);
+                                }
+                            }}
                             size="small"
                         />
                         <PrimaryButton

met-web/src/components/image/listing/ImageListing.tsx

@@ -183,6 +183,12 @@ const ImageListing = () => {
                         name="searchText"
                         value={searchText}
                         onChange={(e) => setSearchText(e.target.value)}
+                        onKeyDown={(e) => {
+                            if (e.key === 'Enter') {
+                                e.preventDefault();
+                                setPaginationOptions({ page: 1, size: 10 });
+                            }
+                        }}
                         size="small"
                     />
                     <PrimaryButton

met-web/src/components/survey/listing/Surveys.tsx

@@ -402,6 +402,12 @@ const Surveys = () => {
                                 name="searchText"
                                 value={searchText}
                                 onChange={(e) => setSearchText(e.target.value)}
+                                onKeyDown={(e) => {
+                                    if (e.key === 'Enter') {
+                                        e.preventDefault();
+                                        handleSearchBarClick(searchText);
+                                    }
+                                }}
                                 size="small"
                             />
                             <PrimaryButton

met-web/src/components/userManagement/listing/UserManagementListing.tsx

@@ -25,7 +25,7 @@ const UserManagementListing = () => {
 
     const headCells: HeadCell<User>[] = [
         {
-            key: 'first_name',
+            key: 'last_name',
             numeric: false,
             disablePadding: true,
             label: 'User Name',
@@ -98,6 +98,12 @@ const UserManagementListing = () => {
                             name="searchBarText"
                             value={searchBarText}
                             onChange={(e) => setSearchBarText(e.target.value)}
+                            onKeyDown={(e) => {
+                                if (e.key === 'Enter') {
+                                    e.preventDefault();
+                                    handleSearchClick();
+                                }
+                            }}
                             size="small"
                         />
                         <PrimaryButton onClick={handleSearchClick}>