import { IconLoader2, IconUpload } from "@tabler/icons-react"; import { useTranslation } from "react-i18next"; import { cn } from "@/shared/lib/cn"; import type { ProjectIconCandidate } from "../api/projects"; import { PROJECT_TABLER_ICONS, isImageProjectIcon } from "../lib/projectIcons"; import { ProjectIcon } from "./ProjectIcon"; interface ProjectIconPickerProps { icon: string; iconCandidates: ProjectIconCandidate[]; iconScanPending: boolean; error?: string | null; onChooseIcon: (icon: string) => void; onChooseCustomIcon: () => void; } export function ProjectIconPicker({ icon, iconCandidates, iconScanPending, error, onChooseIcon, onChooseCustomIcon, }: ProjectIconPickerProps) { const { t } = useTranslation("projects"); const selectedCustomIcon = isImageProjectIcon(icon) && !iconCandidates.some((candidate) => candidate.icon === icon); return (

{t("dialog.icon")} {iconScanPending && ( {t("dialog.scanningIcons")} )}

{iconCandidates.map((candidate) => ( ))} {PROJECT_TABLER_ICONS.map((tablerIcon) => { const label = t(tablerIcon.labelKey); return ( ); })}

{error &&

{error}

}

); }