diff options
| author | sowgro <tpoke.ferrari@gmail.com> | 2024-12-31 01:05:36 -0500 |
|---|---|---|
| committer | sowgro <tpoke.ferrari@gmail.com> | 2024-12-31 01:05:36 -0500 |
| commit | a8da6090454a1b1b9ca1d977138430f768ec44f1 (patch) | |
| tree | 2a9c7edfbff8dce7a63eb3227ac18100889f322b /extension/src/components/BMIcon.tsx | |
| parent | 41814aa14040aa038c17ee0728532b0e341c5953 (diff) | |
| download | bookmarks-home-a8da6090454a1b1b9ca1d977138430f768ec44f1.tar.gz bookmarks-home-a8da6090454a1b1b9ca1d977138430f768ec44f1.tar.bz2 bookmarks-home-a8da6090454a1b1b9ca1d977138430f768ec44f1.zip | |
Refactor BMIcon again
Diffstat (limited to 'extension/src/components/BMIcon.tsx')
| -rw-r--r-- | extension/src/components/BMIcon.tsx | 6 |
1 files changed, 6 insertions, 0 deletions
diff --git a/extension/src/components/BMIcon.tsx b/extension/src/components/BMIcon.tsx index d8622fb..5e2f9c9 100644 --- a/extension/src/components/BMIcon.tsx +++ b/extension/src/components/BMIcon.tsx @@ -20,6 +20,12 @@ function BMIcon(props: {imgSrc?: string, bmUrl?:string}) { setIconMode("letter"); } + if (!props.imgSrc) { + let url = new URL(props.bmUrl!); + bgColor = hashStringToColor(url.hostname) + iconMode = "letter" + } + return ( <div className={"icon-box " + (iconMode)} style={bgColor ? {"--icon-bg": `rgba(${bgColor[0]}, ${bgColor[1]}, ${bgColor[2]}, 0.2)`} as React.CSSProperties : undefined}> |