sonika/sony_intranet_remake2023
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

redundency removal

Browse Source
This commit is contained in:
Sonika 2023-12-18 22:58:44 +05:30
parent c55d3f23c6
commit db48679f5a
2 changed files with 33 additions and 116 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.tsx
View File

@ -8,7 +8,6 @@ import Dashboard from './components/Dashboard';
import Projects from './components/projects/Projects'; import Projects from './components/projects/Projects';
import { ReactQueryDevtools} from 'react-query/devtools' import { ReactQueryDevtools} from 'react-query/devtools'
import ManageUsers from './components/manage_users/ManageUsers'; import ManageUsers from './components/manage_users/ManageUsers';
import EditableTable from './components/manage_users/demo';
function App() { function App() {
const queryClient = new QueryClient(); const queryClient = new QueryClient();
@ -21,7 +20,6 @@ function App() {
<Route path="/" element={<Dashboard />} /> <Route path="/" element={<Dashboard />} />
<Route path="/projects" element={<Projects />} /> <Route path="/projects" element={<Projects />} />
<Route path="/manage-users" element={<ManageUsers />} /> <Route path="/manage-users" element={<ManageUsers />} />
{/* <Route path="/demo" element={<EditableTable />} /> */}
</Routes> </Routes>
</div> </div>
</BrowserRouter> </BrowserRouter>

137
src/components/manage_users/ManageUsers.tsx
View File

@ -20,6 +20,27 @@ import DeleteIcon from '@mui/icons-material/Delete';
import EditIcon from '@mui/icons-material/Edit'; import EditIcon from '@mui/icons-material/Edit';
import AddIcon from '@mui/icons-material/Add'; import AddIcon from '@mui/icons-material/Add';
const StyledTextField = (props:any) => (
<TextField
variant="standard"
margin="dense"
fullWidth
{...props}
sx={{
input: { color: 'white' },
'& label': { color: 'white' },
'& label.Mui-focused': { color: 'white' },
'& .MuiInput-underline:after': { borderBottomColor: 'white' },
'& .MuiOutlinedInput-root': {
'& fieldset': { borderColor: 'white' },
'&:hover fieldset': { borderColor: 'white', borderWidth: 2 },
'&.Mui-focused fieldset': { borderColor: 'white' },
},
...props.sx,
}}
/>
);
interface Row { interface Row {
id: number; id: number;
name: string; name: string;
@ -121,132 +142,30 @@ export default function ManageUsers(){
<Dialog open={open} onClose={handleClose}> <Dialog open={open} onClose={handleClose}>
<DialogTitle sx={{bgcolor:'rgb(24 24 23)', color:'white'}}>{selectedRow && selectedRow.id ? 'Edit Row' : 'Add New Row'}</DialogTitle> <DialogTitle sx={{bgcolor:'rgb(24 24 23)', color:'white'}}>{selectedRow && selectedRow.id ? 'Edit Row' : 'Add New Row'}</DialogTitle>
<DialogContent sx={{ bgcolor: 'rgb(24 24 23)' }}> <DialogContent sx={{ bgcolor: 'rgb(24 24 23)' }}>
<TextField <StyledTextField
variant="standard"
autoFocus
sx={{input: { color: 'white' },
"& label": {
color: "white"
},
"& label.Mui-focused": {
color: "white"
},
"& .MuiInput-underline:after": {
borderBottomColor: "white"
},
"& .MuiOutlinedInput-root": {
"& fieldset": {
borderColor: "white"
}},
"&:hover fieldset": {
borderColor: "white",
borderWidth: 2
},
"&.Mui-focused fieldset": {
borderColor: "white"
}
}}
margin="dense"
label="Name" label="Name"
type="text" type="text"
fullWidth
name="name" name="name"
value={selectedRow && selectedRow.username} value={selectedRow && selectedRow.username}
onChange={handleChange} onChange={handleChange}
/> />
<TextField <StyledTextField
variant="standard"
sx={{input: { color: 'white' },
"& label": {
color: "white"
},
"& label.Mui-focused": {
color: "white"
},
"& .MuiInput-underline:after": {
borderBottomColor: "white"
},
"& .MuiOutlinedInput-root": {
"& fieldset": {
borderColor: "white"
}},
"&:hover fieldset": {
borderColor: "white",
borderWidth: 2
},
"&.Mui-focused fieldset": {
borderColor: "white"
}
}}
margin="dense"
label="Email" label="Email"
// type="number" name="email"
fullWidth
name="age"
value={selectedRow && selectedRow.email_id} value={selectedRow && selectedRow.email_id}
onChange={handleChange} onChange={handleChange}
/> />
<TextField <StyledTextField
sx={{input: { color: 'white' },
"& label": {
color: "white"
},
"& label.Mui-focused": {
color: "white"
},
"& .MuiInput-underline:after": {
borderBottomColor: "white"
},
"& .MuiOutlinedInput-root": {
"& fieldset": {
borderColor: "white"
}},
"&:hover fieldset": {
borderColor: "white",
borderWidth: 2
},
"&.Mui-focused fieldset": {
borderColor: "white"
}
}}
variant="standard"
margin="dense"
label="Last Login" label="Last Login"
type="last_login" type="last_login"
fullWidth
name="last_login" name="last_login"
value={selectedRow && selectedRow.last_login} value={selectedRow && selectedRow.last_login}
onChange={handleChange} onChange={handleChange}
/> />
<TextField <StyledTextField
sx={{input: { color: 'white' },
"& label": {
color: "white"
},
"& label.Mui-focused": {
color: "white"
},
"& .MuiInput-underline:after": {
borderBottomColor: "white"
},
"& .MuiOutlinedInput-root": {
"& fieldset": {
borderColor: "white"
}},
"&:hover fieldset": {
borderColor: "white",
borderWidth: 2
},
"&.Mui-focused fieldset": {
borderColor: "white"
}
}}
variant="standard"
margin="dense"
label="Active" label="Active"
type="number" // type="number"
fullWidth name="active"
name="age"
value={selectedRow && selectedRow.active} value={selectedRow && selectedRow.active}
onChange={handleChange} onChange={handleChange}
/> />