fix: app logo (#4483)

web/app/components/base/chat/chat-with-history/config-panel/index.tsx

@@ -146,14 +146,14 @@ const ConfigPanel = () => {
                 ? null
                 : (
                   <div className={`flex items-center justify-end ${isMobile && 'w-full'}`}>
-                    <a className='flex items-center pr-3 space-x-3' href="https://dify.ai/" target="_blank">
+                    <div className='flex items-center pr-3 space-x-3'>
                       <span className='uppercase'>{t('share.chat.powerBy')}</span>
                       {
                         customConfig?.replace_webapp_logo
                           ? <img src={customConfig?.replace_webapp_logo} alt='logo' className='block w-auto h-5' />
                           : <FootLogo />
                       }
-                    </a>
+                    </div>
                   </div>
                 )
             }

web/app/components/custom/custom-web-app-brand/index.tsx

@@ -29,6 +29,7 @@ const CustomWebAppBrand = () => {
     isCurrentWorkspaceManager,
   } = useAppContext()
   const [fileId, setFileId] = useState('')
+  const [imgKey, setImgKey] = useState(Date.now())
   const [uploadProgress, setUploadProgress] = useState(0)
   const isSandbox = enableBilling && plan.type === Plan.sandbox
   const uploading = uploadProgress > 0 && uploadProgress < 100
@@ -73,6 +74,7 @@ const CustomWebAppBrand = () => {
     })
     mutateCurrentWorkspace()
     setFileId('')
+    setImgKey(Date.now())
   }
 
   const handleRestore = async () => {
@@ -80,7 +82,7 @@ const CustomWebAppBrand = () => {
       url: '/workspaces/custom-config',
       body: {
         remove_webapp_brand: false,
-        replace_webapp_logo: null,
+        replace_webapp_logo: '',
       },
     })
     mutateCurrentWorkspace()
@@ -91,7 +93,6 @@ const CustomWebAppBrand = () => {
       url: '/workspaces/custom-config',
       body: {
         remove_webapp_brand: checked,
-        replace_webapp_logo: webappLogo,
       },
     })
     mutateCurrentWorkspace()
@@ -121,7 +122,7 @@ const CustomWebAppBrand = () => {
                 POWERED BY
                 {
                   webappLogo
-                    ? <img key={webappLogo} src={webappLogo} alt='logo' className='ml-2 block w-auto h-5' />
+                    ? <img src={`${webappLogo}?hash=${imgKey}`} alt='logo' className='ml-2 block w-auto h-5' />
                     : <LogoSite className='ml-2 !h-5' />
                 }
               </div>