yadunut/clan-core
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

UI: fix reactive RndThumbnail

Browse Source
This commit is contained in:
Johannes Kirschbauer
2024-12-10 15:12:19 +01:00
parent 669452be31
commit 4f66d7b89b
1 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
pkgs/webview-ui/app/src/components/noiseThumbnail/index.tsx
View File

@@ -100,13 +100,12 @@ interface RndThumbnailProps {
height?: number;
}
export const RndThumbnail = (props: RndThumbnailProps) => {
const { name } = props;
const seed = Array.from(name).reduce(
(acc, char) => acc + char.charCodeAt(0),
0,
); // Seed from name
const imageSrc = generatePatternedImage(seed, props.width, props.height);
return <img src={imageSrc} alt={name} />;
const seed = () =>
Array.from(props.name).reduce((acc, char) => acc + char.charCodeAt(0), 0); // Seed from name
const imageSrc = () =>
generatePatternedImage(seed(), props.width, props.height);
return <img src={imageSrc()} alt={props.name} />;
};
export const RndThumbnailShow = () => {