keannu125/Borrowing-TrackerFrontend
1
0
Fork 0
mirror of https://github.com/lemeow125/Borrowing-TrackerFrontend.git synced 2024-11-17 06:19:27 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add user type indicator to drawer

Browse source
This commit is contained in:
Keannu Bernasol 2023-12-21 14:06:00 +08:00
parent 56f30fa60c
commit 53d4527179
1 changed files with 29 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
src/Components/Drawer/Drawer.tsx
View file

@ -33,20 +33,36 @@ export default function Drawer() {
marginRight: "4px", marginRight: "4px",
}} }}
/> />
<p <div style={{ ...styles.flex_column, ...{ alignSelf: "center" } }}>
style={{ <p
...styles.text_light, style={{
...styles.text_S, ...styles.text_light,
...{ alignSelf: "center" }, ...styles.text_S,
}} ...{ textAlign: "left", margin: 0 },
> }}
{user.data >
? user.data.username {user.data
: user.isError ? user.data.username
? "Error loading user" : user.isError
: "Loading user..."} ? "Error loading user"
</p> : "Loading user..."}
</p>
<p
style={{
...styles.text_light,
...styles.text_S,
...{ textAlign: "left", margin: 0 },
}}
>
{user.data && user.data.is_technician
? "Technician"
: user.data && user.data.is_teacher
? "Teacher"
: "Student"}
</p>
</div>
</div> </div>
<div <div
style={{ style={{
backgroundColor: "white", backgroundColor: "white",