ToothFairyAI_Public/tf_code
1
0
Fork 0
mirror of https://gitea.toothfairyai.com/ToothFairyAI/tf_code.git synced 2026-04-22 00:24:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(app): make provider icon resolved id reactive (#15583)

Browse Source
This commit is contained in:
Filip
2026-03-01 15:40:04 +01:00
committed by GitHub
parent f5eade1d2b
commit c8866e60ba
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/ui/src/components/provider-icon.tsx
View File

@@ -1,5 +1,5 @@
import type { Component, JSX } from "solid-js" import type { Component, JSX } from "solid-js"
import { splitProps } from "solid-js" import { createMemo, splitProps } from "solid-js"
import sprite from "./provider-icons/sprite.svg" import sprite from "./provider-icons/sprite.svg"
import { iconNames, type IconName } from "./provider-icons/types" import { iconNames, type IconName } from "./provider-icons/types"
@@ -9,7 +9,7 @@ export type ProviderIconProps = JSX.SVGElementTags["svg"] & {
export const ProviderIcon: Component<ProviderIconProps> = (props) => { export const ProviderIcon: Component<ProviderIconProps> = (props) => {
const [local, rest] = splitProps(props, ["id", "class", "classList"]) const [local, rest] = splitProps(props, ["id", "class", "classList"])
const resolved = iconNames.includes(local.id as IconName) ? local.id : "synthetic" const resolved = createMemo(() => (iconNames.includes(local.id as IconName) ? local.id : "synthetic"))
return ( return (
<svg <svg
data-component="provider-icon" data-component="provider-icon"
@@ -19,7 +19,7 @@ export const ProviderIcon: Component<ProviderIconProps> = (props) => {
[local.class ?? ""]: !!local.class, [local.class ?? ""]: !!local.class,
}} }}
> >
<use href={`${sprite}#${resolved}`} /> <use href={`${sprite}#${resolved()}`} />
</svg> </svg>
) )
} }