devops/encoach_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated because of the default use

Browse Source
This commit is contained in:
Tiago Ribeiro
2023-04-26 22:41:33 +01:00
parent 5e24abeead
commit 240bf1c790
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/ProfileLevel.tsx
View File

@@ -4,6 +4,7 @@ import {levelCalculator} from "@/resources/level";
import clsx from "clsx"; import clsx from "clsx";
import LevelLabel from "./LevelLabel"; import LevelLabel from "./LevelLabel";
import LevelProgressBar from "./LevelProgressBar"; import LevelProgressBar from "./LevelProgressBar";
import {Avatar} from "primereact/avatar";
interface Props { interface Props {
user: User; user: User;
@@ -15,8 +16,11 @@ export default function ProfileLevel({user, className}: Props) {
return ( return (
<div className={clsx("flex flex-col items-center justify-center gap-4", className)}> <div className={clsx("flex flex-col items-center justify-center gap-4", className)}>
<div className="w-24 rounded-full"> <div className="w-16 md:w-24 h-16 md:h-24 rounded-full">
<img src={user.profilePicture} alt="Profile picture" className="rounded-full" /> {user.profilePicture.length > 0 && <img src={user.profilePicture} alt="Profile picture" className="rounded-full" />}
{user.profilePicture.length === 0 && (
<Avatar size="xlarge" style={{width: "100%", height: "100%"}} label={user.name.slice(0, 1)} shape="circle" />
)}
</div> </div>
<div className="flex flex-col gap-1 items-center"> <div className="flex flex-col gap-1 items-center">
<LevelLabel experience={user.experience} /> <LevelLabel experience={user.experience} />