opensource/dashboard-icons
1
0
Fork 0
mirror of https://github.com/walkxcode/dashboard-icons.git synced 2025-06-28 23:40:21 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

remove getIconVariant

Browse Source
This commit is contained in:
Thomas Camlong 2025-04-17 10:28:43 +02:00
parent 91e2898ad4
commit cd27ff7dd5
No known key found for this signature in database
GPG Key ID: A678F374F428457B
1 changed files with 2 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
web/src/app/icons/components/icon-search.tsx
View File

@ -257,23 +257,6 @@ export function IconSearch({ icons }: IconSearchProps) {
} }
}, []) }, [])
// Helper function to get the appropriate icon variant based on theme
const getIconVariant = (name: string, data: Icon) => {
// Check if the icon has theme variants and use appropriate one
if (data.colors) {
// If in dark mode and a light variant exists, use the light variant
if (resolvedTheme === "dark" && data.colors.light) {
return data.colors.light
}
// If in light mode and a dark variant exists, use the dark variant
if (resolvedTheme === "light" && data.colors.dark) {
return data.colors.dark
}
}
// Fall back to the default name if no appropriate variant
return name
}
if (!searchParams) return null if (!searchParams) return null
const getSortLabel = (sort: SortOption) => { const getSortLabel = (sort: SortOption) => {
@ -507,7 +490,7 @@ export function IconSearch({ icons }: IconSearchProps) {
</div> </div>
<div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-8 gap-4 mt-2"> <div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-8 gap-4 mt-2">
{filteredIcons.map(({ name, data }) => ( {filteredIcons.map(({ name, data }) => (
<IconCard key={name} name={name} data={data} getIconVariant={getIconVariant} matchedAlias={matchedAliases[name] || null} /> <IconCard key={name} name={name} data={data} matchedAlias={matchedAliases[name] || null} />
))} ))}
</div> </div>
</> </>
@ -519,12 +502,10 @@ export function IconSearch({ icons }: IconSearchProps) {
function IconCard({ function IconCard({
name, name,
data, data,
getIconVariant,
matchedAlias, matchedAlias,
}: { }: {
name: string name: string
data: Icon data: Icon
getIconVariant: (name: string, data: Icon) => string
matchedAlias?: string | null matchedAlias?: string | null
}) { }) {
const ref = useRef(null) const ref = useRef(null)
@ -568,7 +549,7 @@ function IconCard({
<div className="relative h-12 w-12 sm:h-16 sm:w-16 mb-2"> <div className="relative h-12 w-12 sm:h-16 sm:w-16 mb-2">
<Image <Image
src={`${BASE_URL}/${data.base}/${getIconVariant(name, data)}.${data.base}`} src={`${BASE_URL}/${data.base}/${name}.${data.base}`}
alt={`${name} icon`} alt={`${name} icon`}
fill fill
className="object-contain p-1 group-hover:scale-110 transition-transform duration-300" className="object-contain p-1 group-hover:scale-110 transition-transform duration-300"