style: code viewer

src/pages/profile/components/custom-ui.tsx

@@ -1,3 +1,4 @@
+import { colorPrimary } from '@/config/theme';
 import useUserSettings from '@/hooks/use-user-settings';
 import { Button, ColorPicker } from 'antd';
 import React from 'react';
@@ -14,12 +15,22 @@ const CustomUI: React.FC = () => {
     });
   };
 
+  const handleReset = () => {
+    setUserSettings({
+      ...userSettings,
+      colorPrimary: colorPrimary
+    });
+  };
+
   return (
     <div>
       <h1>Custom UI Component</h1>
-      <Button type="primary">主题色</Button>
-      <div>
+      <Button type="primary">Brand Color</Button>
+      <div className="flex-center gap-16 m-t-16">
         <ColorPicker onChange={handleOnChange} format="hex"></ColorPicker>
+        <Button type="primary" onClick={handleReset}>
+          Reset
+        </Button>
       </div>
     </div>
   );