♻️ refactor(header, wallet): 移除 miniMode 功能及相关样式

- 删除 Header 组件中的 miniMode 状态逻辑和上下文提供
- 移除 Wallet 组件中对 miniMode 的依赖和条件渲染
- 清理两个组件中所有与 miniMode 相关的 CSS 样式规则
- 简化组件结构，减少不必要的状态管理和样式耦合

Author: 1zilc

src/renderer/components/Header/index.module.css

@@ -8,8 +8,3 @@
   height: 72px;
   z-index: 3;
 }
-
-.miniMode {
-  height: 56px !important;
-  box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
-}

src/renderer/components/Header/index.tsx

@@ -1,42 +1,12 @@
-import React, { PropsWithChildren, createContext, useContext, useDeferredValue } from 'react';
-import { useScroll } from 'ahooks';
+import React, { PropsWithChildren } from 'react';
 import clsx from 'clsx';
 import styles from './index.module.css';
 
-export interface HeaderContextType {
-  miniMode: boolean;
-}
-
-export const HeaderContext = createContext<HeaderContextType>({
-  miniMode: false,
-});
-
-export function useHeaderContext() {
-  const context = useContext(HeaderContext);
-  return context;
-}
-
 const Header: React.FC<PropsWithChildren<{}>> = (props) => {
-  const position = useScroll(document, (val) => val.top <= 520);
-  const deferredTop = useDeferredValue(position?.top);
-  const miniMode = !!(deferredTop && deferredTop > 40);
-
   return (
-    <HeaderContext.Provider
-      value={{
-        miniMode,
-      }}
-    >
-      <div className={clsx(styles.layout)}>
-        <div
-          className={clsx(styles.content, {
-            [styles.miniMode]: miniMode,
-          })}
-        >
-          {props.children}
-        </div>
-      </div>
-    </HeaderContext.Provider>
+    <div className={clsx(styles.layout)}>
+      <div className={clsx(styles.content)}>{props.children}</div>
+    </div>
   );
 };
 export default Header;

src/renderer/components/Wallet/index.module.css

@@ -119,24 +119,3 @@
 .tag {
   margin-right: 5px;
 }
-
-.miniMode {
-  .walletIcon {
-    height: 20px;
-    width: 20px;
-  }
-  .eye {
-    height: 16px;
-    width: 16px;
-  }
-  .timeBar {
-    font-size: 12px;
-  }
-
-  .zsygz {
-    font-size: 18px;
-  }
-  .numIndex {
-    font-size: 14px !important;
-  }
-}

src/renderer/components/Wallet/index.tsx

@@ -4,7 +4,6 @@ import { Dropdown, Menu } from 'antd';
 import { RiAddFill } from 'react-icons/ri';
 import Eye from '@/components/Eye';
 import CustomDrawer from '@/components/CustomDrawer';
-import { useHeaderContext } from '@/components/Header';
 import { changeCurrentWalletCodeAction, toggleEyeStatusAction } from '@/store/features/wallet';
 import { useAppDispatch, useAppSelector, useDrawer } from '@/utils/hooks';
 import { walletIcons } from '@/helpers/wallet';
@@ -18,7 +17,6 @@ export interface WalletProps {}
 
 const Wallet: React.FC<WalletProps> = () => {
   const dispatch = useAppDispatch();
-  const { miniMode } = useHeaderContext();
 
   const updateTime = useAppSelector((state) => state.wallet.currentWallet.updateTime);
   const eyeStatus = useAppSelector((state) => state.wallet.eyeStatus);
@@ -71,7 +69,7 @@ const Wallet: React.FC<WalletProps> = () => {
   const onToggleEye = () => dispatch(toggleEyeStatusAction());
 
   return (
-    <div className={clsx(styles.content, { [styles.miniMode]: miniMode })}>
+    <div className={clsx(styles.content)}>
       <div className={styles.topBar}>
         <Dropdown
           placement="bottomRight"
@@ -95,13 +93,13 @@ const Wallet: React.FC<WalletProps> = () => {
         </Dropdown>
         <div className={styles.slogan}>
           <div className={styles.timeBar}>刷新时间：{updateTime || '还没有刷新过哦~'}</div>
-          {eyeStatus && !miniMode && Number(calcResult.displayCysy) > 0 && (
+          {eyeStatus && Number(calcResult.displayCysy) > 0 && (
             <div className={styles.pal}>
               已经盈利：
               <div className={clsx(Utils.GetValueColor(calcResult.displayCysy).textClass)}>{`${calcResult.displayCysyl}% `}</div>
             </div>
           )}
-          {eyeStatus && !miniMode && Number(calcResult.displayCysy) < 0 && (
+          {eyeStatus && Number(calcResult.displayCysy) < 0 && (
             <div className={styles.pal}>
               已经亏损：
               <div className={clsx(Utils.GetValueColor(calcResult.displayCysy).textClass)}>{`${calcResult.displayCysyl}% `}</div>
@@ -151,13 +149,13 @@ const Wallet: React.FC<WalletProps> = () => {
           </div>
           <div className={styles.numIndex}>
             <div>
-              {!miniMode && <label>今日收益率</label>}
+              {<label>今日收益率</label>}
               <div className={clsx(Utils.GetValueColor(calcResult.displayGssyl).textClass)}>
                 {eyeStatus ? `${Utils.Yang(calcResult.displayGssyl)}%` : calcResult.displayGssyl}
               </div>
             </div>
             <div>
-              {!miniMode && <label>持有金额</label>}
+              {<label>持有金额</label>}
               <div>{calcResult.displayZje}</div>
             </div>
           </div>