From 12fda385207ef74c86cebeea135d16ea9b3b10b4 Mon Sep 17 00:00:00 2001
From: Zeng1998 <1129142694@qq.com>
Date: Wed, 18 Jan 2023 18:52:25 +0800
Subject: [PATCH] feat: add customized logo in share dialog (#969)

* feat: add qrcode in share dialog

* update: change the color

* feat: add customized logo in share dialog

* update: import order

Co-authored-by: boojack <stevenlgtm@gmail.com>
---
 web/src/components/ShareMemoDialog.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/web/src/components/ShareMemoDialog.tsx b/web/src/components/ShareMemoDialog.tsx
index 2458bbc7..b5edabfd 100644
--- a/web/src/components/ShareMemoDialog.tsx
+++ b/web/src/components/ShareMemoDialog.tsx
@@ -5,7 +5,7 @@ import { useTranslation } from "react-i18next";
 import copy from "copy-to-clipboard";
 import { toLower } from "lodash";
 import toImage from "../labs/html2image";
-import { useMemoStore, useUserStore } from "../store/module";
+import { useGlobalStore, useMemoStore, useUserStore } from "../store/module";
 import { VISIBILITY_SELECTOR_ITEMS } from "../helpers/consts";
 import * as utils from "../helpers/utils";
 import { getMemoStats } from "../helpers/api";
@@ -32,7 +32,9 @@ const ShareMemoDialog: React.FC<Props> = (props: Props) => {
   const { t } = useTranslation();
   const userStore = useUserStore();
   const memoStore = useMemoStore();
+  const globalStore = useGlobalStore();
   const user = userStore.state.user as User;
+  const { systemStatus } = globalStore.state;
   const [state, setState] = useState<State>({
     memoAmount: 0,
     memoVisibility: propsMemo.visibility,
@@ -139,7 +141,7 @@ const ShareMemoDialog: React.FC<Props> = (props: Props) => {
           </div>
           <div className="watermark-container">
             <div className="logo-container">
-              <img className="logo-img" src="/logo.png" alt="" />
+              <img className="logo-img" src={`${systemStatus.customizedProfile.logoUrl || "/logo.png"}`} alt="" />
             </div>
             <div className="userinfo-container">
               <span className="name-text">{user.nickname || user.username}</span>