feat: color mode switch style

visualDust · Nov 29, 2023 · 6a24d48 · 6a24d48
1 parent 4118933
commit 6a24d48
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/neetbox/frontend/src/components/themeSwitcher.tsx b/neetbox/frontend/src/components/themeSwitcher.tsx
@@ -1,13 +1,13 @@
 import React, { useCallback, useEffect, useState } from "react";
-import { Button } from "@douyinfe/semi-ui";
+import { Switch } from "@douyinfe/semi-ui";
 import { ThemeContext, useTheme } from "../hooks/useTheme";
 
 export default function SwitchColorMode(): React.JSX.Element {
   const { darkMode, setDarkMode } = useTheme();
   const switchMode = () => {
     setDarkMode(!darkMode);
   };
-  return <Button onClick={switchMode}>Switch Mode</Button>;
+  return <Switch size="large" checkedText="☀️" checked={!darkMode} onChange={switchMode}></Switch>;
 }
 
 export function ThemeContextProvider(props: React.PropsWithChildren) {