diff --git a/src/components/RelaySetCard/index.tsx b/src/components/RelaySetCard/index.tsx index 7367bc5..83d13eb 100644 --- a/src/components/RelaySetCard/index.tsx +++ b/src/components/RelaySetCard/index.tsx @@ -1,6 +1,6 @@ import { cn } from '@/lib/utils' import { TRelaySet } from '@/types' -import { ChevronDown, FolderClosed } from 'lucide-react' +import { ChevronDown, FolderClosed, Music, Radio, Trees, DoorOpen } from 'lucide-react' import { useState } from 'react' import { useTranslation } from 'react-i18next' import RelayIcon from '../RelayIcon' @@ -17,6 +17,21 @@ export default function RelaySetCard({ const { t } = useTranslation() const [expand, setExpand] = useState(false) + const getRelaySetIcon = (name: string) => { + const nameLower = name.toLowerCase() + + + if (nameLower.includes('basspistol')) return Radio + if (nameLower.includes('music')) return Music + if (nameLower.includes('backstage')) return DoorOpen + if (nameLower.includes('hood')) return Trees + + + return FolderClosed + } + + const IconComponent = getRelaySetIcon(relaySet.name) + return (