From 649c6e27b61f851973f016143d4613fe1e5481c4 Mon Sep 17 00:00:00 2001
From: yuguangzhou <yuguangzhou@192.168.0.107>
Date: Sun, 10 Nov 2024 18:53:15 +0800
Subject: [PATCH] style: export btn style

---
 apps/fronted/src/components/editor/PdfExport.tsx       | 10 ++++++++--
 .../fronted/src/components/editor/basic/BasicPanel.tsx |  2 +-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/apps/fronted/src/components/editor/PdfExport.tsx b/apps/fronted/src/components/editor/PdfExport.tsx
index 53cfa5d..3d53b2a 100644
--- a/apps/fronted/src/components/editor/PdfExport.tsx
+++ b/apps/fronted/src/components/editor/PdfExport.tsx
@@ -1,5 +1,5 @@
 "use client";
-import React, { useRef, useState } from "react";
+import React, { useState } from "react";
 import { motion } from "framer-motion";
 import { Download, Loader2 } from "lucide-react";
 import html2pdf from "html2pdf.js";
@@ -46,7 +46,13 @@ export function PdfExport() {
   return (
     <div>
       <motion.button
-        className={`px-4 py-2  text-white rounded-lg text-sm font-medium flex items-center space-x-2`}
+        className={`px-4 py-2 rounded-lg text-sm font-medium flex items-center space-x-2
+          ${
+            theme === "dark"
+              ? "bg-indigo-600 hover:bg-indigo-700 text-white"
+              : "bg-black hover:bg-neutral-800 text-white"
+          } 
+          disabled:opacity-50 disabled:cursor-not-allowed`}
         whileHover={!isExporting ? { scale: 1.02 } : {}}
         whileTap={!isExporting ? { scale: 0.98 } : {}}
         onClick={handleExport}
diff --git a/apps/fronted/src/components/editor/basic/BasicPanel.tsx b/apps/fronted/src/components/editor/basic/BasicPanel.tsx
index 00b216d..b3e42d0 100644
--- a/apps/fronted/src/components/editor/basic/BasicPanel.tsx
+++ b/apps/fronted/src/components/editor/basic/BasicPanel.tsx
@@ -43,7 +43,7 @@ const IconSelector = ({ value, onChange, theme }) => {
   const selectedIcon =
     iconOptions.find((i) => i.value === value) || iconOptions[0];
 
-  const handleSelect = (iconValue) => {
+  const handleSelect = (iconValue: string) => {
     onChange(iconValue);
     setOpen(false);
   };