Fixed the title font size of the dialog

Stardev1127 · Apr 17, 2023 · 9137473 · 9137473
1 parent 2129e29
commit 9137473
Show file tree

Hide file tree

Showing 6 changed files with 74 additions and 80 deletions.
diff --git a/sera_frontend_pro/src/content/Applications/AuthParties/AddPartyDialog.tsx b/sera_frontend_pro/src/content/Applications/AuthParties/AddPartyDialog.tsx
@@ -9,6 +9,7 @@ import Grid from '@mui/material/Grid';
 import InputLabel from '@mui/material/InputLabel';
 import MenuItem from '@mui/material/MenuItem';
 import FormControl from '@mui/material/FormControl';
+import Typography from '@mui/material/Typography';
 import Select, { SelectChangeEvent } from '@mui/material/Select';
 
 import { SeraContext } from '@/contexts/SeraContext';
@@ -49,24 +50,28 @@ const AddPartyDialog = () => {
         onClose={handleCloseAPDialog}
         fullWidth={true}
       >
-        <DialogTitle>Add Business Partner</DialogTitle>
+        <DialogTitle>
+          <Typography variant="h3">Add Party</Typography>
+        </DialogTitle>
         <DialogContent>
-          <FormControl variant="standard" fullWidth={true}>
-            <InputLabel id="wallet_address_label">Wallet Address</InputLabel>
-            <Select
-              labelId="wallet_address_label"
-              value={wallet_address}
-              onChange={handleWalletAddressChange}
-              label="Wallet Address"
-            >
-              <MenuItem value={'0x3dC4696671ca3cb6C34674A0c1729bbFcC29EDdc'}>
-                0x3dC4696671ca3cb6C34674A0c1729bbFcC29EDdc
-              </MenuItem>
-              <MenuItem value={'0x3dc4696671ca3cb6c34674a0c1729bbfcc29edd1'}>
-                0x3dC4696671ca3cb6C34674A0c1729bbFcC29EDd1
-              </MenuItem>
-            </Select>
-          </FormControl>
+          <Grid item md={12}>
+            <FormControl fullWidth={true}>
+              <InputLabel id="wallet_address_label">Wallet Address</InputLabel>
+              <Select
+                labelId="wallet_address_label"
+                value={wallet_address}
+                onChange={handleWalletAddressChange}
+                label="Wallet Address"
+              >
+                <MenuItem value={'0x3dC4696671ca3cb6C34674A0c1729bbFcC29EDdc'}>
+                  0x3dC4696671ca3cb6C34674A0c1729bbFcC29EDdc
+                </MenuItem>
+                <MenuItem value={'0x3dc4696671ca3cb6c34674a0c1729bbfcc29edd1'}>
+                  0x3dC4696671ca3cb6C34674A0c1729bbFcC29EDd1
+                </MenuItem>
+              </Select>
+            </FormControl>
+          </Grid>
           <Divider style={{ marginTop: '12px', marginBottom: '24px' }} />
           {detailColumns.map((item, index) => {
             let data = showDetail();

diff --git a/sera_frontend_pro/src/content/Applications/BusinessEcosystem/AddPartnerDialog.tsx b/sera_frontend_pro/src/content/Applications/BusinessEcosystem/AddPartnerDialog.tsx
@@ -14,6 +14,7 @@ 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 AddPartnerDialog = () => {
@@ -43,7 +44,9 @@ const AddPartnerDialog = () => {
         onClose={handleCloseAPDialog}
         fullWidth={true}
       >
-        <DialogTitle>Add Business Partner</DialogTitle>
+        <DialogTitle>
+          <Typography variant="h3">Add Business Partner</Typography>
+        </DialogTitle>
         <DialogContent>
           <TextField
             autoFocus

diff --git a/sera_frontend_pro/src/content/Applications/Contracts/CreateProposal.tsx b/sera_frontend_pro/src/content/Applications/Contracts/CreateProposal.tsx
@@ -55,7 +55,9 @@ const CreateProposal = () => {
             inputFormat="MM/dd/yyyy"
             value={selectedDate}
             onChange={handleDateChange}
-            renderInput={(params) => <TextField size="small" {...params} />}
+            renderInput={(params) => (
+              <TextField size="small" {...params} fullWidth={true} />
+            )}
           />
         </Grid>
         <Grid item xs={6}>
@@ -64,7 +66,9 @@ const CreateProposal = () => {
             inputFormat="MM/dd/yyyy"
             value={selectedDate}
             onChange={handleDateChange}
-            renderInput={(params) => <TextField size="small" {...params} />}
+            renderInput={(params) => (
+              <TextField size="small" {...params} fullWidth={true} />
+            )}
           />
         </Grid>
       </Grid>

diff --git a/sera_frontend_pro/src/content/Applications/Invoices/IssueInvoiceDialog.tsx b/sera_frontend_pro/src/content/Applications/Invoices/IssueInvoiceDialog.tsx
@@ -14,6 +14,7 @@ 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 AddPartnerDialog = () => {
@@ -43,7 +44,9 @@ const AddPartnerDialog = () => {
         onClose={handleCloseAPDialog}
         fullWidth={true}
       >
-        <DialogTitle>Add Business Partner</DialogTitle>
+        <DialogTitle>
+          <Typography variant="h3">Issue Invoice</Typography>
+        </DialogTitle>
         <DialogContent>
           <TextField
             autoFocus

diff --git a/sera_frontend_pro/src/content/Applications/Materials/AddMaterialDialog.tsx b/sera_frontend_pro/src/content/Applications/Materials/AddMaterialDialog.tsx
@@ -5,35 +5,12 @@ 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 AddMaterialDialog = () => {
   const { openAPDialog, 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);
-  };
+  const [material_name, setMaterialName] = useState<string>('');
 
   return (
     <div>
@@ -42,53 +19,52 @@ const AddMaterialDialog = () => {
         onClose={handleCloseAPDialog}
         fullWidth={true}
       >
-        <DialogTitle>Add Material</DialogTitle>
+        <DialogTitle>
+          <Typography variant="h3">Add Material</Typography>
+        </DialogTitle>
         <DialogContent>
           <TextField
-            autoFocus
             margin="dense"
-            label="Wallet Address"
-            type="email"
+            label="Material Name"
+            fullWidth
+            variant="standard"
+            value={material_name}
+            onChange={(event: ChangeEvent<HTMLInputElement>): void => {
+              setMaterialName(event.target.value);
+            }}
+            style={{ marginBottom: '10px' }}
+          />
+          <TextField
+            margin="dense"
+            label="Publish Number"
             fullWidth
             variant="standard"
-            value={wallet_address}
-            onChange={handleWalletAddressChange}
+            value={material_name}
+            onChange={(event: ChangeEvent<HTMLInputElement>): void => {
+              setMaterialName(event.target.value);
+            }}
+            style={{ marginBottom: '10px' }}
           />
-          <Divider style={{ marginTop: '12px', marginBottom: '24px' }} />
           <TextField
-            error={false}
-            label="Material Email"
+            disabled
+            margin="dense"
+            label="Wallet Address"
+            fullWidth
             variant="standard"
-            fullWidth={true}
+            value={material_name}
             style={{ marginBottom: '10px' }}
           />
           <TextField
-            error={false}
-            label="Your Email"
+            margin="dense"
+            label="Material Name"
+            fullWidth
             variant="standard"
-            fullWidth={true}
+            value={material_name}
+            onChange={(event: ChangeEvent<HTMLInputElement>): void => {
+              setMaterialName(event.target.value);
+            }}
             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>

diff --git a/sera_frontend_pro/src/content/Applications/PurchaseOrders/PurchaseOrdersDialog.tsx b/sera_frontend_pro/src/content/Applications/PurchaseOrders/PurchaseOrdersDialog.tsx
@@ -14,6 +14,7 @@ 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 PurchaseOrderDialog = () => {
@@ -43,7 +44,9 @@ const PurchaseOrderDialog = () => {
         onClose={handleCloseAPDialog}
         fullWidth={true}
       >
-        <DialogTitle>Add Business Partner</DialogTitle>
+        <DialogTitle>
+          <Typography variant="h3">Create Purchase Order</Typography>
+        </DialogTitle>
         <DialogContent>
           <TextField
             autoFocus