optimize the players avatar image
All checks were successful
Deploy / deploy (push) Successful in 5m26s

This commit is contained in:
Lee 2024-09-30 11:50:27 +01:00
parent 0943cedf78
commit 3217b26bce

@ -1,13 +1,13 @@
import {formatNumberWithCommas, formatPp} from "@/common/number-utils"; import { formatNumberWithCommas, formatPp } from "@/common/number-utils";
import {GlobeAmericasIcon} from "@heroicons/react/24/solid"; import { GlobeAmericasIcon } from "@heroicons/react/24/solid";
import Card from "../card"; import Card from "../card";
import CountryFlag from "../country-flag"; import CountryFlag from "../country-flag";
import {Avatar, AvatarImage} from "../ui/avatar"; import { Avatar, AvatarImage } from "../ui/avatar";
import ClaimProfile from "./claim-profile"; import ClaimProfile from "./claim-profile";
import PlayerStats from "./player-stats"; import PlayerStats from "./player-stats";
import ScoreSaberPlayer from "@/common/model/player/impl/scoresaber-player"; import ScoreSaberPlayer from "@/common/model/player/impl/scoresaber-player";
import Tooltip from "@/components/tooltip"; import Tooltip from "@/components/tooltip";
import {ReactElement} from "react"; import { ReactElement } from "react";
import PlayerTrackedStatus from "@/components/player/player-tracked-status"; import PlayerTrackedStatus from "@/components/player/player-tracked-status";
/** /**
@ -111,7 +111,10 @@ export default function PlayerHeader({ player }: Props) {
<Card> <Card>
<div className="flex gap-3 flex-col items-center text-center lg:flex-row lg:items-start lg:text-start relative select-none"> <div className="flex gap-3 flex-col items-center text-center lg:flex-row lg:items-start lg:text-start relative select-none">
<Avatar className="w-32 h-32 pointer-events-none"> <Avatar className="w-32 h-32 pointer-events-none">
<AvatarImage alt="Profile Picture" src={player.avatar} /> <AvatarImage
alt="Profile Picture"
src={`https://img.fascinated.cc/upload/w_128,h_128/${player.avatar}`}
/>
</Avatar> </Avatar>
<div className="w-full flex gap-2 flex-col justify-center items-center lg:justify-start lg:items-start"> <div className="w-full flex gap-2 flex-col justify-center items-center lg:justify-start lg:items-start">
<div> <div>