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