From b969261cbd90bbf9f1eac8b554ad338dc38489eb Mon Sep 17 00:00:00 2001
From: Tristan Yang <yanggc888@163.com>
Date: Fri, 2 Jun 2023 20:20:17 +0800
Subject: [PATCH] fix: url preview without favicon

---
 src/assets/icons/www.png              | Bin 0 -> 1887 bytes
 src/components/Message/URLPreview.tsx |  12 ++----------
 2 files changed, 2 insertions(+), 10 deletions(-)
 create mode 100644 src/assets/icons/www.png

diff --git a/src/assets/icons/www.png b/src/assets/icons/www.png
new file mode 100644
index 0000000000000000000000000000000000000000..1de0357183197207a5297414a012e46a85b792fd
GIT binary patch
literal 1887
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
Z<u42gG%Kvs`&0k`002ovPDHLkV1k*VruhH>

literal 0
HcmV?d00001

diff --git a/src/components/Message/URLPreview.tsx b/src/components/Message/URLPreview.tsx
index 2f4dbe0d..246b60d4 100644
--- a/src/components/Message/URLPreview.tsx
+++ b/src/components/Message/URLPreview.tsx
@@ -4,6 +4,7 @@ import { useDispatch } from "react-redux";
 import { useLazyGetOGInfoQuery } from "@/app/services/message";
 import { upsertOG } from "@/app/slices/footprint";
 import { useAppSelector } from "@/app/store";
+import defaultFav from "@/assets/icons/www.png";
 
 export default function URLPreview({ url = "" }) {
   const dispatch = useDispatch();
@@ -15,16 +16,10 @@ export default function URLPreview({ url = "" }) {
   );
   useEffect(() => {
     if (ogData) {
-      let defaultFavIcon = "";
-      try {
-        defaultFavIcon = `${new URL(url).origin}/favicon.ico`;
-      } catch {
-        defaultFavIcon = `${location.origin}/favicon.ico`;
-      }
       const title = ogData?.title || ogData?.site_name || "";
       const description = ogData?.description || "";
       const ogImage = ogData?.images.find((i) => !!i.url)?.url || "";
-      const favicon = ogData?.favicon_url || defaultFavIcon;
+      const favicon = ogData?.favicon_url || defaultFav;
       setFavicon(favicon);
       setData({ title, description, ogImage });
     } else if (url) {
@@ -32,9 +27,6 @@ export default function URLPreview({ url = "" }) {
       getInfo(url);
     }
   }, [url, ogData]);
-  // const handleFavError = () => {
-  //   setFavicon("");
-  // };
   const handleOGImageError = () => {
     dispatch(upsertOG({ key: url, value: { ...ogData, images: [] } }));
   };