|
|
@ -185,9 +185,9 @@ const DialogForm = ({ |
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<Form> |
|
|
|
<Form> |
|
|
|
<Row> |
|
|
|
<Row> |
|
|
|
<Col md={12}> |
|
|
|
<Col md={4}> |
|
|
|
<FormGroup> |
|
|
|
<FormGroup> |
|
|
|
<Label className="capitalize" style={{ fontWeight: "bold" }}>Image Profile</Label> |
|
|
|
<Label className="capitalize">Image Profile</Label> |
|
|
|
<Input |
|
|
|
<Input |
|
|
|
type="file" |
|
|
|
type="file" |
|
|
|
accept="image/*" |
|
|
|
accept="image/*" |
|
|
@ -205,25 +205,33 @@ const DialogForm = ({ |
|
|
|
</p> |
|
|
|
</p> |
|
|
|
</small> |
|
|
|
</small> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col md={4}> |
|
|
|
<FormGroup> |
|
|
|
<FormGroup> |
|
|
|
<Label className="capitalize">Username</Label> |
|
|
|
<Label className="capitalize">Username</Label> |
|
|
|
<Input type="text" value={userName || userNameProp} onChange={(e) => setUserName(e.target.value)} /> |
|
|
|
<Input type="text" value={userName || userNameProp} onChange={(e) => setUserName(e.target.value)} /> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col md={4}> |
|
|
|
<FormGroup> |
|
|
|
<FormGroup> |
|
|
|
<Label className="capitalize">Email</Label> |
|
|
|
<Label className="capitalize">Email</Label> |
|
|
|
|
|
|
|
|
|
|
|
<Input type="text" value={email || emailProp} onChange={(e) => setEmail(e.target.value)} /> |
|
|
|
<Input type="text" value={email || emailProp} onChange={(e) => setEmail(e.target.value)} /> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
<Col md={12}> |
|
|
|
<Col md={4}> |
|
|
|
<FormGroup> |
|
|
|
<FormGroup> |
|
|
|
<Label className="capitalize">Old Password</Label> |
|
|
|
<Label className="capitalize">Old Password</Label> |
|
|
|
<Input type="text" value={oldPassword} onChange={(e) => setOldPassword(e.target.value)} /> |
|
|
|
<Input type="text" value={oldPassword} onChange={(e) => setOldPassword(e.target.value)} /> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col md={4}> |
|
|
|
<FormGroup> |
|
|
|
<FormGroup> |
|
|
|
<Label className="capitalize">New Password</Label> |
|
|
|
<Label className="capitalize">New Password</Label> |
|
|
|
<Input type="text" value={newPassword} onChange={(e) => setNewPassword(e.target.value)} /> |
|
|
|
<Input type="text" value={newPassword} onChange={(e) => setNewPassword(e.target.value)} /> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col md={4}> |
|
|
|
<FormGroup> |
|
|
|
<FormGroup> |
|
|
|
<Label className="capitalize">Confirm New Password</Label> |
|
|
|
<Label className="capitalize">Confirm New Password</Label> |
|
|
|
<Input type="text" value={newPasswordConfirm} onChange={(e) => setNewPasswordConfirm(e.target.value)} /> |
|
|
|
<Input type="text" value={newPasswordConfirm} onChange={(e) => setNewPasswordConfirm(e.target.value)} /> |
|
|
|