mirror of
https://github.com/Sendouc/sendou.ink.git
synced 2026-06-02 22:26:57 -05:00
20 lines
527 B
TypeScript
20 lines
527 B
TypeScript
import { Link } from "react-router";
|
|
import { Avatar } from "~/components/Avatar";
|
|
import { userVodsPage } from "~/utils/urls";
|
|
import type { Vod } from "../vods-types";
|
|
|
|
export function PovUser({ pov }: { pov: Vod["pov"] }) {
|
|
if (!pov) return null;
|
|
|
|
if (typeof pov === "string") {
|
|
return <div className="text-sm">{pov}</div>;
|
|
}
|
|
|
|
return (
|
|
<Link to={userVodsPage(pov)} className="stack horizontal xs">
|
|
<Avatar user={pov} size="xxs" />
|
|
<span className="text-sm font-semi-bold">{pov.username}</span>
|
|
</Link>
|
|
);
|
|
}
|