From a37e3935e755f9a7f1a81e51d9fee696cac681c2 Mon Sep 17 00:00:00 2001
From: sowgro <tpoke.ferrari@gmail.com>
Date: Tue, 14 Jan 2025 16:40:02 -0500
Subject: rewrite icon system to cache better
---
extension/src/components/BMIcon.tsx | 17 ++++++++++++-----
1 file changed, 12 insertions(+), 5 deletions(-)
(limited to 'extension/src/components/BMIcon.tsx')
diff --git a/extension/src/components/BMIcon.tsx b/extension/src/components/BMIcon.tsx
index 5e2f9c9..8af7115 100644
--- a/extension/src/components/BMIcon.tsx
+++ b/extension/src/components/BMIcon.tsx
@@ -15,14 +15,18 @@ function BMIcon(props: {imgSrc?: string, bmUrl?:string}) {
}
function handleImageError() {
- let url = new URL(props.bmUrl!);
- setBgColor(hashStringToColor(url.hostname))
+ if (props.bmUrl) {
+ let url = new URL(props.bmUrl);
+ setBgColor(hashStringToColor(url.hostname))
+ }
setIconMode("letter");
}
if (!props.imgSrc) {
- let url = new URL(props.bmUrl!);
- bgColor = hashStringToColor(url.hostname)
+ if (props.bmUrl) {
+ let url = new URL(props.bmUrl);
+ bgColor = hashStringToColor(url.hostname)
+ }
iconMode = "letter"
}
@@ -31,7 +35,10 @@ function BMIcon(props: {imgSrc?: string, bmUrl?:string}) {
style={bgColor ? {"--icon-bg": `rgba(${bgColor[0]}, ${bgColor[1]}, ${bgColor[2]}, 0.2)`} as React.CSSProperties : undefined}>
{(() => { switch (iconMode) {
case "letter": {
- return (<span className={"letter"}>{new URL(props.bmUrl!).hostname.charAt(0)}</span>)
+ return (<span className={"letter"}>{ props.bmUrl
+ ? new URL(props.bmUrl).hostname.charAt(0)
+ : '?'
+ }</span>)
}
case "small": {
return (<img alt="Bookmark icon" src={props.imgSrc}/>)
--
cgit v1.2.3