Fakultas Ilmu Komputer UI

Commit 68e1a205 authored by Intan Fadilla Andyani's avatar Intan Fadilla Andyani Committed by Bunga Amalia Kurniawati
Browse files

Merge branch 'PBI-2-Deployment' of...

Merge branch 'PBI-2-Deployment' of https://gitlab.cs.ui.ac.id/ppl-fasilkom-ui/sosial/pilar/pilar-web into intan/12/tambah-required
parent 62d35528
...@@ -155,98 +155,116 @@ const DetailPengguna = ({ userId }) => { ...@@ -155,98 +155,116 @@ const DetailPengguna = ({ userId }) => {
{user.username} {user.username}
</div> </div>
</div> </div>
<div
className="profile" <div className="detailProfile"
css={css`
background-color: #F2F2F2;
border-radius: 15px;
padding: 0.5rem 1rem 0.5rem 1rem;
margin: 1rem 0 1rem 0;
`}>
<div
css={css`
font-style: normal;
font-weight: 300;
font-size: 30px;
line-height: 44px;
border-bottom: 1px solid #C4C4C4;
padding-left: 1rem;
`}>
Detail Profile</div>
<div
data-testid="detail-profile-test"
className="profileDesc"
css={css` css={css`
font-style: normal; font-style: normal;
font-weight: 300; font-weight: 300;
font-size: 36px; font-size: 18px;
line-height: 44px; padding: 1rem;
margin-top: 1rem; `}>
`}
> <div className="row" >
Profil
</div> <div className="col-3" css={css`display: flex; align-items: center;`}>
<div <PersonIcon style={{ fontSize: 20, color: "FFC80A" }} />
className="row mt-2" <div
css={css` css={css`
margin-top: 1rem; display: inline;
margin-bottom: 1rem; margin-left: 1rem;
`} font-style: normal;
> font-weight: normal;
<div className="col-sm-2"> font-size: 18px;
<img `}
alt={user.username} >
className="img-fluid" Nama:
src={user.profile_picture} </div>
css={css` </div>
object-fit: cover;
width: 150px; <div className="col-9"
height: 150px; css={css`
`} font-style: normal;
/> font-weight: normal;
</div> `}>
<div data-testid="profile" className="col-sm-10"> {user.full_name}
<div
css={css`
margin-top: 1rem;
`}
>
<PersonIcon style={{ fontSize: 20, color: "FFC80A" }} />
<div
css={css`
display: inline;
margin-left: 2rem;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 22px;
`}
>
{user.username}
</div> </div>
</div> </div>
<div
css={css` <div className="row" >
margin-top: 1rem;
`} <div className="col-3" css={css`display: flex; `}>
> <PhoneIcon style={{ fontSize: 23, color: "FFC80A" }} />
<PhoneIcon style={{ fontSize: 20, color: "FFC80A" }} />
<div <div
css={css` css={css`
display: inline; display: inline;
margin-left: 2rem; margin-left: 1rem;
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
font-size: 18px; font-size: 18px;
line-height: 22px;
`} `}
> >
Nomor HP:
</div></div>
<div className="col-9"
css={css`
font-style: normal;
font-weight: normal;`}>
{user.phone_number} {user.phone_number}
</div> </div>
</div> </div>
<div
css={css` <div className="row" >
margin-top: 1rem;
`} <div className="col-3" css={css`display: flex; `}>
> <LocationOnIcon style={{ fontSize: 23, color: "FFC80A"}} />
<LocationOnIcon style={{ fontSize: 20, color: "FFC80A" }} /> <div
<div css={css`
display: inline;
margin-left: 1rem;
font-style: normal;
font-weight: normal;
font-size: 18px;
`}
>
Alamat:
</div>
</div>
<div className="col-9"
css={css` css={css`
display: inline; font-style: normal;
margin-left: 2rem; font-weight: normal;`}>
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 22px;
`}
>
{user.address}, RT {user.neighborhood}, RW {user.hamlet}, {user.address}, RT {user.neighborhood}, RW {user.hamlet},
Kelurahan {user.urban_village}, Kecamatan {user.sub_district} Kelurahan {user.urban_village}, Kecamatan {user.sub_district}
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div <div
css={css` css={css`
font-style: normal; font-style: normal;
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment