frontend/app/components/UserIcon.tsx


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

import { BASE_PATH } from "../config";

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${BASE_PATH}${iconPath}`
					: `${BASE_PATH}${iconPath}`
			}
			alt={`${displayName} のアイコン`}
			className={`rounded-full border-4 border-white ${className}`}
		/>
	);
}