MERMS/MermsPanelReactJS
1
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

reformat code

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2025-08-31 07:36:10 -04:00
parent a9473debdb
commit 373c5427c2
1 changed files with 25 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/component/settings/Settings.jsx
+25 -22
View File
@@ -3,11 +3,11 @@ import BreadcrumbComBS from "../breadcrumb/BreadcrumbComBS";
import getImage from "../../utils/getImage"; import getImage from "../../utils/getImage";
export default function Settings(){ export default function Settings() {
const avtarImage = "avtar/merms-user.png"; const avtarImage = "avtar/merms-user.png";
return( return (
<> <>
<BreadcrumbComBS title='Settings' paths={['Dashboard', 'Settings']} /> <BreadcrumbComBS title='Settings' paths={['Dashboard', 'Settings']}/>
{/*<div className="row">*/} {/*<div className="row">*/}
{/* <div className="vh-100 col-12 flex align-items-center">Coming Soon</div>*/} {/* <div className="vh-100 col-12 flex align-items-center">Coming Soon</div>*/}
{/*</div>*/} {/*</div>*/}
@@ -16,7 +16,7 @@ export default function Settings(){
<div className="row account-contant"> <div className="row account-contant">
<div className="col-12"> <div className="col-12">
<div className="card card-statistics"> <div className="card card-statistics">
<div className="card-body p-0" style={{backgroundColor:"#f9f9fb"}}> <div className="card-body p-0" style={{backgroundColor: "#f9f9fb"}}>
<div className="row no-gutters"> <div className="row no-gutters">
<div className="col-xl-3 pb-xl-0 pb-5 border-right"> <div className="col-xl-3 pb-xl-0 pb-5 border-right">
<div className="page-account-profil pt-5"> <div className="page-account-profil pt-5">
@@ -30,11 +30,13 @@ export default function Settings(){
</div> </div>
<div className="profile pt-4"> <div className="profile pt-4">
<h4 className="mb-1">Alice Williams</h4> <h4 className="mb-1">Alice Williams</h4>
<div style={{padding: '10px'}}><hr /></div> <div style={{padding: '10px'}}>
<hr/>
</div>
</div> </div>
</div> </div>
</div> </div>
<div className="profile-btn text-center"> <div className="profile-btn text-center">
<div> <div>
<button className="btn btn-light text-primary mb-2">Upload New Avatar <button className="btn btn-light text-primary mb-2">Upload New Avatar
@@ -57,17 +59,17 @@ export default function Settings(){
<div className="form-group col-md-12"> <div className="form-group col-md-12">
<label htmlFor="name1">First Name</label> <label htmlFor="name1">First Name</label>
<input type="text" className="form-control" id="name1" <input type="text" className="form-control" id="name1"
value="Alice" /> value="Alice"/>
</div> </div>
<div className="form-group col-md-12"> <div className="form-group col-md-12">
<label htmlFor="name1">Last Name</label> <label htmlFor="name1">Last Name</label>
<input type="text" className="form-control" id="name1" <input type="text" className="form-control" id="name1"
value="Williams" /> value="Williams"/>
</div> </div>
<div className="form-group col-md-12"> <div className="form-group col-md-12">
<label htmlFor="name1">Account Name</label> <label htmlFor="name1">Account Name</label>
<input type="text" className="form-control" id="name1" <input type="text" className="form-control" id="name1"
value="This is the best hospital name" /> value="This is the best hospital name"/>
</div> </div>
{/*<div className="form-group col-md-12">*/} {/*<div className="form-group col-md-12">*/}
{/* <label htmlFor="title1">Email</label>*/} {/* <label htmlFor="title1">Email</label>*/}
@@ -77,23 +79,23 @@ export default function Settings(){
<div className="form-group col-md-12"> <div className="form-group col-md-12">
<label htmlFor="phone1">Phone Number</label> <label htmlFor="phone1">Phone Number</label>
<input type="text" className="form-control" id="phone1" <input type="text" className="form-control" id="phone1"
value="(01) 97 563 15613" /> value="(01) 97 563 15613"/>
</div> </div>
<div className="form-group col-md-12"> <div className="form-group col-md-12">
<label htmlFor="email1">Email</label> <label htmlFor="email1">Email</label>
<input type="email" className="form-control" id="email1" <input type="email" className="form-control" id="email1"
value="alicewilliams@gmail.com" /> value="alicewilliams@gmail.com"/>
</div> </div>
</div> </div>
<div className="form-group"> <div className="form-group">
<label htmlFor="add1">Address</label> <label htmlFor="add1">Address</label>
<input type="text" className="form-control" id="add1" <input type="text" className="form-control" id="add1"
value="17504 Carlton Cuevas Rd, Gulfport, MS, 39503" /> value="17504 Carlton Cuevas Rd, Gulfport, MS, 39503"/>
</div> </div>
<div className="form-group"> <div className="form-group">
<label htmlFor="add2">Address 2</label> <label htmlFor="add2">Address 2</label>
<input type="text" className="form-control" id="add2" <input type="text" className="form-control" id="add2"
value="1234 North Avenue Luke Lane, South Bend, IN 360001" /> value="1234 North Avenue Luke Lane, South Bend, IN 360001"/>
</div> </div>
{/*<div className="form-row">*/} {/*<div className="form-row">*/}
@@ -132,7 +134,7 @@ export default function Settings(){
{/* </label>*/} {/* </label>*/}
{/* </div>*/} {/* </div>*/}
{/*</div>*/} {/*</div>*/}
<div style={{textAlign:"right"}}> <div style={{textAlign: "right"}}>
<button type="submit" className="btn btn-primary">Update Profile <button type="submit" className="btn btn-primary">Update Profile
</button> </button>
</div> </div>
@@ -151,39 +153,40 @@ export default function Settings(){
<div className="form-group"> <div className="form-group">
<label htmlFor="fb">Facebook URL:</label> <label htmlFor="fb">Facebook URL:</label>
<input type="text" className="form-control" id="fb" <input type="text" className="form-control" id="fb"
value="https://www.facebook.com/" /> value="https://www.facebook.com/"/>
</div> </div>
<div className="form-group"> <div className="form-group">
<label htmlFor="tr">Twitter URL:</label> <label htmlFor="tr">Twitter URL:</label>
<input type="text" className="form-control" id="tr" <input type="text" className="form-control" id="tr"
value="https://twitter.com/" /> value="https://twitter.com/"/>
</div> </div>
<div className="form-group"> <div className="form-group">
<label htmlFor="br">Blogger URL:</label> <label htmlFor="br">Blogger URL:</label>
<input type="text" className="form-control" id="br" <input type="text" className="form-control" id="br"
value="https://www.blogger.com" /> value="https://www.blogger.com"/>
</div> </div>
<div className="form-group"> <div className="form-group">
<label htmlFor="go">Google+ URL:</label> <label htmlFor="go">Google+ URL:</label>
<input type="text" className="form-control" id="go" <input type="text" className="form-control" id="go"
value="https://plus.google.com/discover" /> value="https://plus.google.com/discover"/>
</div> </div>
<div className="form-group"> <div className="form-group">
<label htmlFor="li">LinkedIn URL:</label> <label htmlFor="li">LinkedIn URL:</label>
<input type="text" className="form-control" id="li" <input type="text" className="form-control" id="li"
value="https://in.linkedin.com/" /> value="https://in.linkedin.com/"/>
</div> </div>
<div className="form-group"> <div className="form-group">
<label htmlFor="we">Website URL:</label> <label htmlFor="we">Website URL:</label>
<input type="text" className="form-control" id="we" <input type="text" className="form-control" id="we"
value="https://yourwebsite.com" /> value="https://yourwebsite.com"/>
</div> </div>
<div style={{textAlign:"right"}}> <div style={{textAlign: "right"}}>
<button type="submit" className="btn btn-primary">Update Links</button> <button type="submit" className="btn btn-primary">Update Links
</button>
</div> </div>
</form> </form>