remove useThemeAnimation

ant-design · Oct 9, 2024 · 7c822ec · 7c822ec
1 parent 1f41960
commit 7c822ec
Show file tree

Hide file tree

Showing 4 changed files with 2 additions and 136 deletions.
diff --git a/.dumi/hooks/useThemeAnimation.ts b/.dumi/hooks/useThemeAnimation.ts
diff --git a/.dumi/theme/common/ThemeSwitch/index.tsx b/.dumi/theme/common/ThemeSwitch/index.tsx
@@ -5,7 +5,6 @@ import { CompactTheme, DarkTheme } from 'antd-token-previewer/es/icons';
 import { FormattedMessage, useLocation } from 'dumi';
 import React from 'react';
 
-import useThemeAnimation from '../../../hooks/useThemeAnimation';
 import { getLocalizedPathname, isZhCN } from '../../utils';
 import Link from '../Link';
 import ThemeIcon from './ThemeIcon';
@@ -24,8 +23,6 @@ const ThemeSwitch: React.FC<ThemeSwitchProps> = (props) => {
   // const isMotionOff = value.includes('motion-off');
   const isDark = value.includes('dark');
 
-  const toggleAnimationTheme = useThemeAnimation();
-
   return (
     <FloatButton.Group
       trigger="click"
@@ -45,10 +42,7 @@ const ThemeSwitch: React.FC<ThemeSwitchProps> = (props) => {
       <FloatButton
         icon={<DarkTheme />}
         type={isDark ? 'primary' : 'default'}
-        onClick={(e) => {
-          // Toggle animation when switch theme
-          toggleAnimationTheme(e, isDark);
-
+        onClick={() => {
           if (isDark) {
             onChange(value.filter((theme) => theme !== 'dark'));
           } else {

diff --git a/bun.lockb b/bun.lockb
diff --git a/package.json b/package.json
@@ -84,6 +84,7 @@
     "@ant-design/tools": "^18.0.2",
     "@biomejs/biome": "^1.9.0",
     "@codesandbox/sandpack-react": "^2.19.8",
+    "@emotion/server": "^11.11.0",
     "@happy-dom/jest-environment": "^15.7.4",
     "@ianvs/prettier-plugin-sort-imports": "^4.3.1",
     "@madccc/duplicate-package-checker-webpack-plugin": "^1.0.0",