Merge pull request #83 from cisagov/42-ui-redesign-users-list

Update User list functionality and design in Users.tsx
cisagov · Mar 19, 2024 · 2d1781a · 2d1781a
2 parents 2a0c609 + ff12f85
commit 2d1781a
Show file tree

Hide file tree

Showing 2 changed files with 362 additions and 270 deletions.
diff --git a/frontend/src/components/OrganizationList/OrganizationList.tsx b/frontend/src/components/OrganizationList/OrganizationList.tsx
@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect, useState } from 'react';
 import EditNoteOutlinedIcon from '@mui/icons-material/EditNoteOutlined';
 import { Organization } from 'types';
-import { Alert, Box, Button, IconButton, Grid } from '@mui/material';
+import { Alert, Box, Button, IconButton, Paper } from '@mui/material';
 import { DataGrid, GridColDef, GridRenderCellParams } from '@mui/x-data-grid';
 import { useHistory } from 'react-router-dom';
 import { Add } from '@mui/icons-material';
@@ -103,12 +103,7 @@ export const OrganizationList: React.FC<{
 
   return (
     <Box mb={3}>
-      <Grid
-        container
-        spacing={2}
-        style={{ margin: '0 auto', marginTop: '1rem', maxWidth: '1000px' }}
-      ></Grid>
-      <Box sx={{ backgroundColor: 'white' }}>
+      <Paper elevation={0}>
         {organizations?.length === 0 ? (
           <Alert severity="warning">No organizations found.</Alert>
         ) : (
@@ -121,7 +116,7 @@ export const OrganizationList: React.FC<{
             }}
           />
         )}
-      </Box>
+      </Paper>
       <OrganizationForm
         onSubmit={onSubmit}
         open={dialogOpen}