-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Implemented document management page
- Loading branch information
1 parent
31e64cf
commit aaaa5bb
Showing
8 changed files
with
517 additions
and
627 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
93 changes: 0 additions & 93 deletions
93
sera_frontend_pro/src/content/CoreServices/DocumentManagement/BulkActions.tsx
This file was deleted.
Oops, something went wrong.
235 changes: 235 additions & 0 deletions
235
sera_frontend_pro/src/content/CoreServices/DocumentManagement/ComposeDialog.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,235 @@ | ||
| import React, { ChangeEvent, useContext, useState } from 'react'; | ||
| import Button from '@mui/material/Button'; | ||
| import TextField from '@mui/material/TextField'; | ||
| import Dialog from '@mui/material/Dialog'; | ||
| import DialogActions from '@mui/material/DialogActions'; | ||
| import DialogContent from '@mui/material/DialogContent'; | ||
| import DialogTitle from '@mui/material/DialogTitle'; | ||
| import Divider from '@mui/material/Divider/Divider'; | ||
| import Grid from '@mui/material/Grid'; | ||
| import IconButton from '@mui/material/IconButton'; | ||
| import Input from '@mui/material/Input'; | ||
| import InputLabel from '@mui/material/InputLabel'; | ||
| import InputAdornment from '@mui/material/InputAdornment'; | ||
| import FormControl from '@mui/material/FormControl'; | ||
| import Visibility from '@mui/icons-material/Visibility'; | ||
| import VisibilityOff from '@mui/icons-material/VisibilityOff'; | ||
| import Typography from '@mui/material/Typography'; | ||
| import { SeraContext } from '@/contexts/SeraContext'; | ||
|
|
||
| const ComposeDialog = () => { | ||
| const { openAPDialog, busPartners, handleCloseAPDialog } = | ||
| useContext(SeraContext); | ||
| const [wallet_address, setWalletAddress] = useState<string>(''); | ||
| const [showPassword, setShowPassword] = useState(false); | ||
|
|
||
| const handleClickShowPassword = () => setShowPassword((show) => !show); | ||
|
|
||
| const handleMouseDownPassword = ( | ||
| event: React.MouseEvent<HTMLButtonElement> | ||
| ) => { | ||
| event.preventDefault(); | ||
| }; | ||
|
|
||
| const handleWalletAddressChange = ( | ||
| event: ChangeEvent<HTMLInputElement> | ||
| ): void => { | ||
| setWalletAddress(event.target.value); | ||
| }; | ||
|
|
||
| return ( | ||
| <div> | ||
| <Dialog | ||
| open={openAPDialog} | ||
| onClose={handleCloseAPDialog} | ||
| fullWidth={true} | ||
| > | ||
| <DialogTitle> | ||
| <Typography variant="h3">Add Business Partner</Typography> | ||
| </DialogTitle> | ||
| <DialogContent> | ||
| <TextField | ||
| autoFocus | ||
| margin="dense" | ||
| label="Wallet Address" | ||
| type="email" | ||
| fullWidth | ||
| variant="standard" | ||
| value={wallet_address} | ||
| onChange={handleWalletAddressChange} | ||
| /> | ||
| <Divider style={{ marginTop: '12px', marginBottom: '24px' }} /> | ||
| {busPartners.filter((item) => item.w_address.includes(wallet_address)) | ||
| .length ? ( | ||
| <> | ||
| <Grid container spacing={2}> | ||
| <Grid item md={6} textAlign={'right'}> | ||
| <div>Wallet Address:</div> | ||
| </Grid> | ||
| <Grid item md={6}> | ||
| <div> | ||
| {busPartners | ||
| .filter((item) => | ||
| item.w_address.includes(wallet_address) | ||
| )[0] | ||
| .w_address.substring(0, 5) + | ||
| ' ... ' + | ||
| busPartners | ||
| .filter((item) => | ||
| item.w_address.includes(wallet_address) | ||
| )[0] | ||
| .w_address.substring(38)} | ||
| </div> | ||
| </Grid> | ||
| </Grid> | ||
| <Grid container spacing={2}> | ||
| <Grid item md={6} textAlign={'right'}> | ||
| <div>Trade Name:</div> | ||
| </Grid> | ||
| <Grid item md={6}> | ||
| <div> | ||
| { | ||
| busPartners.filter((item) => | ||
| item.w_address.includes(wallet_address) | ||
| )[0].t_name | ||
| } | ||
| </div> | ||
| </Grid> | ||
| </Grid> | ||
| <Grid container spacing={2}> | ||
| <Grid item md={6} textAlign={'right'}> | ||
| <div>Legal Name:</div> | ||
| </Grid> | ||
| <Grid item md={6}> | ||
| <div> | ||
| { | ||
| busPartners.filter((item) => | ||
| item.w_address.includes(wallet_address) | ||
| )[0].l_name | ||
| } | ||
| </div> | ||
| </Grid> | ||
| </Grid> | ||
|
|
||
| <Grid container spacing={2}> | ||
| <Grid item md={6} textAlign={'right'}> | ||
| <div>Country:</div> | ||
| </Grid> | ||
| <Grid item md={6}> | ||
| <div> | ||
| { | ||
| busPartners.filter((item) => | ||
| item.w_address.includes(wallet_address) | ||
| )[0].country | ||
| } | ||
| </div> | ||
| </Grid> | ||
| </Grid> | ||
| <Grid container spacing={2}> | ||
| <Grid item md={6} textAlign={'right'}> | ||
| <div>State/town:</div> | ||
| </Grid> | ||
| <Grid item md={6}> | ||
| <div> | ||
| { | ||
| busPartners.filter((item) => | ||
| item.w_address.includes(wallet_address) | ||
| )[0].state_town | ||
| } | ||
| </div> | ||
| </Grid> | ||
| </Grid> | ||
| <Grid container spacing={2}> | ||
| <Grid item md={6} textAlign={'right'}> | ||
| <div>Building Number:</div> | ||
| </Grid> | ||
| <Grid item md={6}> | ||
| <div> | ||
| { | ||
| busPartners.filter((item) => | ||
| item.w_address.includes(wallet_address) | ||
| )[0].b_number | ||
| } | ||
| </div> | ||
| </Grid> | ||
| </Grid> | ||
| <Grid container spacing={2}> | ||
| <Grid item md={6} textAlign={'right'}> | ||
| <div>Email:</div> | ||
| </Grid> | ||
| <Grid item md={6}> | ||
| <div> | ||
| { | ||
| busPartners.filter((item) => | ||
| item.w_address.includes(wallet_address) | ||
| )[0].email | ||
| } | ||
| </div> | ||
| </Grid> | ||
| </Grid> | ||
| <Grid container spacing={2}> | ||
| <Grid item md={6} textAlign={'right'}> | ||
| <div>Phone Number:</div> | ||
| </Grid> | ||
| <Grid item md={6}> | ||
| <div> | ||
| { | ||
| busPartners.filter((item) => | ||
| item.w_address.includes(wallet_address) | ||
| )[0].phone | ||
| } | ||
| </div> | ||
| </Grid> | ||
| </Grid> | ||
| </> | ||
| ) : ( | ||
| <> | ||
| <TextField | ||
| error={false} | ||
| label="Business Partner Email" | ||
| variant="standard" | ||
| fullWidth={true} | ||
| style={{ marginBottom: '10px' }} | ||
| /> | ||
| <TextField | ||
| error={false} | ||
| label="Your Email" | ||
| variant="standard" | ||
| fullWidth={true} | ||
| style={{ marginBottom: '10px' }} | ||
| /> | ||
| <FormControl sx={{ width: '100%' }} variant="standard"> | ||
| <InputLabel htmlFor="standard-adornment-password"> | ||
| Password | ||
| </InputLabel> | ||
| <Input | ||
| id="standard-adornment-password" | ||
| type={showPassword ? 'text' : 'password'} | ||
| endAdornment={ | ||
| <InputAdornment position="end"> | ||
| <IconButton | ||
| aria-label="toggle password visibility" | ||
| onClick={handleClickShowPassword} | ||
| onMouseDown={handleMouseDownPassword} | ||
| > | ||
| {showPassword ? <VisibilityOff /> : <Visibility />} | ||
| </IconButton> | ||
| </InputAdornment> | ||
| } | ||
| /> | ||
| </FormControl> | ||
| </> | ||
| )} | ||
| </DialogContent> | ||
| <DialogActions> | ||
| <Button onClick={handleCloseAPDialog}>Close</Button> | ||
| <Button onClick={handleCloseAPDialog} variant="contained"> | ||
| Send Invitation | ||
| </Button> | ||
| </DialogActions> | ||
| </Dialog> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export default ComposeDialog; |
Oops, something went wrong.