revert https://github.com/langgenius/dify/pull/19497 (19497) (#19807)

Co-authored-by: qingguo <qingguo@lexin.com>

web/app/components/base/logo/dify-logo.tsx

@@ -1,8 +1,8 @@
 'use client'
 import type { FC } from 'react'
-import { WEB_PREFIX } from '@/config'
 import classNames from '@/utils/classnames'
 import useTheme from '@/hooks/use-theme'
+import { basePath } from '@/utils/var'
 
 export type LogoStyle = 'default' | 'monochromeWhite'
 
@@ -35,7 +35,7 @@ const DifyLogo: FC<DifyLogoProps> = ({
 
   return (
     <img
-      src={`${WEB_PREFIX}${logoPathMap[themedStyle]}`}
+      src={`${basePath}${logoPathMap[themedStyle]}`}
       className={classNames('block object-contain', logoSizeMap[size], className)}
       alt='Dify logo'
     />

web/app/components/base/logo/logo-embedded-chat-avatar.tsx

@@ -1,5 +1,5 @@
 import type { FC } from 'react'
-import { WEB_PREFIX } from '@/config'
+import { basePath } from '@/utils/var'
 
 type LogoEmbeddedChatAvatarProps = {
   className?: string
@@ -9,7 +9,7 @@ const LogoEmbeddedChatAvatar: FC<LogoEmbeddedChatAvatarProps> = ({
 }) => {
   return (
     <img
-      src={`${WEB_PREFIX}/logo/logo-embedded-chat-avatar.png`}
+      src={`${basePath}/logo/logo-embedded-chat-avatar.png`}
       className={`block h-10 w-10 ${className}`}
       alt='logo'
     />

web/app/components/base/logo/logo-embedded-chat-header.tsx

@@ -1,6 +1,6 @@
 import classNames from '@/utils/classnames'
 import type { FC } from 'react'
-import { WEB_PREFIX } from '@/config'
+import { basePath } from '@/utils/var'
 
 type LogoEmbeddedChatHeaderProps = {
   className?: string
@@ -14,7 +14,7 @@ const LogoEmbeddedChatHeader: FC<LogoEmbeddedChatHeaderProps> = ({
     <source media="(resolution: 2x)" srcSet='/logo/logo-embedded-chat-header@2x.png' />
     <source media="(resolution: 3x)" srcSet='/logo/logo-embedded-chat-header@3x.png' />
     <img
-      src={`${WEB_PREFIX}/logo/logo-embedded-chat-header.png`}
+      src={`${basePath}/logo/logo-embedded-chat-header.png`}
       alt='logo'
       className={classNames('block h-6 w-auto', className)}
     />

web/app/components/base/logo/logo-site.tsx

@@ -0,0 +1,22 @@
+'use client'
+import type { FC } from 'react'
+import { basePath } from '@/utils/var'
+import classNames from '@/utils/classnames'
+
+type LogoSiteProps = {
+  className?: string
+}
+
+const LogoSite: FC<LogoSiteProps> = ({
+  className,
+}) => {
+  return (
+    <img
+      src={`${basePath}/logo/logo.png`}
+      className={classNames('block w-[22.651px] h-[24.5px]', className)}
+      alt='logo'
+    />
+  )
+}
+
+export default LogoSite