From 30f0327b170dd62fdac0a553b6e030ad53cc2096 Mon Sep 17 00:00:00 2001
From: zerosoul <yanggc888@163.com>
Date: Tue, 7 Jun 2022 17:53:46 +0800
Subject: [PATCH] refactor: url preview favicon

---
 src/common/component/Message/URLPreview.js | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/common/component/Message/URLPreview.js b/src/common/component/Message/URLPreview.js
index 9d6315f8..e43d30c4 100644
--- a/src/common/component/Message/URLPreview.js
+++ b/src/common/component/Message/URLPreview.js
@@ -1,7 +1,7 @@
 import { useState, useEffect } from "react";
 import styled from "styled-components";
 import { useLazyGetOGInfoQuery } from "../../../app/services/message";
-import favUrl from "../../../assets/icons/favicon.default.svg?url";
+// import favUrl from "../../../assets/icons/favicon.default.svg?url";
 const StyledCompact = styled.a`
   background: #f3f4f6;
   border: 1px solid #d4d4d4;
@@ -111,7 +111,7 @@ export default function URLPreview({ url = "" }) {
     getMetaData(url);
   }, [url]);
   const handleFavError = () => {
-    setFavicon(favUrl);
+    setFavicon("");
   };
   if (!url || !data || !data.title) return null;
   const { title, description, ogImage } = data;
@@ -125,9 +125,11 @@ export default function URLPreview({ url = "" }) {
     </StyledDetails>
   ) : (
     <StyledCompact href={url} target="_blank">
-      <div className="favicon">
-        <img onError={handleFavError} src={favicon} alt="favicon" />
-      </div>
+      {favicon && (
+        <div className="favicon">
+          <img onError={handleFavError} src={favicon} alt="favicon" />
+        </div>
+      )}
       <div className="info">
         <h3 className="title">{title}</h3>
         <p className="desc dots">{description}</p>