MrDiderot/Michess
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

colored & linked name for registered users

Browse Source
This commit is contained in:
Nathaniel Tampus
2023-04-05 23:37:07 +08:00
parent d01bb43004
commit 8d7ad6161f
3 changed files with 70 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
client/src/components/archive/ArchivedGame.tsx
View File

@@ -183,13 +183,33 @@ export default function ArchivedGame({ game }: { game: Game }) {
function getPlayerHtml(side: "top" | "bottom") {
const blackHtml = (
<div className="flex w-full flex-col justify-center">
<span className="font-bold">{game.black?.name}</span>
<a
className={
"font-bold" +
(typeof game.black?.id === "number" ? " text-primary link-hover" : " cursor-default")
}
href={typeof game.black?.id === "number" ? `/user/${game.black?.name}` : undefined}
target="_blank"
rel="noreferrer"
>
{game.black?.name}
</a>
<span className="flex items-center gap-1 text-xs">black</span>
</div>
);
const whiteHtml = (
<div className="flex w-full flex-col justify-center">
<span className="font-bold">{game.white?.name}</span>
<a
className={
"font-bold" +
(typeof game.white?.id === "number" ? " text-primary link-hover" : " cursor-default")
}
href={typeof game.white?.id === "number" ? `/user/${game.white?.name}` : undefined}
target="_blank"
rel="noreferrer"
>
{game.white?.name}
</a>
<span className="flex items-center gap-1 text-xs">white</span>
</div>
);