frontend/app/components/UserIcon.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

type Props = {
	iconPath: string;
	displayName: string;
	className: string;
};

export default function UserIcon({ iconPath, displayName, className }: Props) {
	return (
		<img
			src={
				process.env.NODE_ENV === "development"
					? `http://localhost:8003/phperkaigi/2025/code-battle${iconPath}`
					: `/phperkaigi/2025/code-battle${iconPath}`
			}
			alt={`${displayName} のアイコン`}
			className={`rounded-full border-4 border-white ${className}`}
		/>
	);
}