[Client Portal] Alarm Center

frontend/client-portal/src/components/Table.tsx

@@ -196,6 +196,26 @@ export default function Table<T>({
                     />
                   </form>
                 </Grid>
+              ) : exportReport && exportReport.useExport && filterStatus === undefined ? (
+                <Grid item xs={12} lg={10} xl={10}>
+                  <form onSubmit={searchs.handleSearchSubmit}>
+                    <TextField
+                      id="search-input"
+                      variant="outlined"
+                      onChange={(event) => searchs.setSearchText(event.target.value)}
+                      value={searchs.searchText}
+                      fullWidth
+                      InputProps={{
+                        startAdornment: (
+                          <InputAdornment position="start">
+                            <SearchIcon />
+                          </InputAdornment>
+                        ),
+                      }}
+                      placeholder="Search Name or Member ID... "
+                    />
+                  </form>
+                </Grid>
               ) : (
                 <Grid item xs={12} lg={searchs.fullWidth ? 12 : 6} xl={searchs.fullWidth ? 12 : 6}>
                   <form onSubmit={searchs.handleSearchSubmit}>

frontend/client-portal/src/components/nav-section/vertical/index.tsx

@@ -32,16 +32,18 @@ export default function NavSectionVertical({
     <Box {...other}>
       {navConfig.map((group, index) => (
         <List key={index} disablePadding sx={{ px: 2 }}>
-          <ListSubheaderStyle
-            key={index}
-            sx={{
-              ...(isCollapse && {
-                opacity: 0,
-              }),
-            }}
-          >
-            {group.subheader}
-          </ListSubheaderStyle>
+          {group.subheader && (
+            <ListSubheaderStyle
+              key={index}
+              sx={{
+                ...(isCollapse && {
+                  opacity: 0,
+                }),
+              }}
+            >
+              {group.subheader}
+            </ListSubheaderStyle>
+          )}
 
           {group.items.map((list) => (
             <NavListRoot key={list.title} list={list} isCollapse={isCollapse} />