make import button change pointer state to clickable

7 files changed, 10 insertions, 10 deletions

diff --git a/frontend/src/components/modals/DivaNetModal.tsx b/frontend/src/components/modals/DivaNetModal.tsx
index d3aee86..c434e1b 100644
--- a/frontend/src/components/modals/DivaNetModal.tsx
+++ b/frontend/src/components/modals/DivaNetModal.tsx
@@ -39,7 +39,7 @@ const DivaNetModal = ({
         </p>
         <button
           onClick={renderAsCard}
-          className="w-full bg-green-600 hover:bg-green-700 text-white py-2 px-3 sm:px-4 rounded-md text-sm sm:text-base font-medium transition-colors"
+          className="hover:cursor-pointer w-full bg-green-600 hover:bg-green-700 text-white py-2 px-3 sm:px-4 rounded-md text-sm sm:text-base font-medium transition-colors"
         >
           Export DIVA.NET
         </button>
diff --git a/frontend/src/components/modals/EamusementUserscriptModal.tsx b/frontend/src/components/modals/EamusementUserscriptModal.tsx
index d7dc03a..8a0de13 100644
--- a/frontend/src/components/modals/EamusementUserscriptModal.tsx
+++ b/frontend/src/components/modals/EamusementUserscriptModal.tsx
@@ -43,7 +43,7 @@ export const EamusementUserscriptCard = ({ mainGameName, onClick }: EamusementUs
       </p>
       <button
         onClick={onClick}
-        className="w-full bg-blue-600 hover:bg-blue-700 text-white py-2 px-3 sm:px-4 rounded-md text-sm sm:text-base font-medium transition-colors"
+        className="hover:cursor-pointer w-full bg-blue-600 hover:bg-blue-700 text-white py-2 px-3 sm:px-4 rounded-md text-sm sm:text-base font-medium transition-colors"
       >
         Export e-amusement
       </button>
diff --git a/frontend/src/components/modals/FlowerUserscriptModal.tsx b/frontend/src/components/modals/FlowerUserscriptModal.tsx
index 7e0b3ce..745aaa6 100644
--- a/frontend/src/components/modals/FlowerUserscriptModal.tsx
+++ b/frontend/src/components/modals/FlowerUserscriptModal.tsx
@@ -43,7 +43,7 @@ export const FlowerUserscriptCard = ({ mainGameName, onClick }: FlowerUserscript
       </p>
       <button
         onClick={onClick}
-        className="w-full bg-blue-600 hover:bg-blue-700 text-white py-2 px-3 sm:px-4 rounded-md text-sm sm:text-base font-medium transition-colors"
+        className="hover:cursor-pointer w-full bg-blue-600 hover:bg-blue-700 text-white py-2 px-3 sm:px-4 rounded-md text-sm sm:text-base font-medium transition-colors"
       >
         Export Flower Data
       </button>
diff --git a/frontend/src/components/modals/MusicDiverModal.tsx b/frontend/src/components/modals/MusicDiverModal.tsx
index e995978..6b57570 100644
--- a/frontend/src/components/modals/MusicDiverModal.tsx
+++ b/frontend/src/components/modals/MusicDiverModal.tsx
@@ -39,7 +39,7 @@ const MusicDiverMyPageModal = ({
         </p>
         <button
           onClick={renderAsCard}
-          className="w-full bg-blue-600 hover:bg-blue-700 text-white py-2 px-3 sm:px-4 rounded-md text-sm sm:text-base font-medium transition-colors"
+          className="hover:cursor-pointer w-full bg-blue-600 hover:bg-blue-700 text-white py-2 px-3 sm:px-4 rounded-md text-sm sm:text-base font-medium transition-colors"
         >
           Export MyPage
         </button>
diff --git a/frontend/src/components/modals/TaikoDonderHirobaModal.tsx b/frontend/src/components/modals/TaikoDonderHirobaModal.tsx
index 0f5c0a1..4b3d4ff 100644
--- a/frontend/src/components/modals/TaikoDonderHirobaModal.tsx
+++ b/frontend/src/components/modals/TaikoDonderHirobaModal.tsx
@@ -37,7 +37,7 @@ const TaikoDonderHirobaModal = ({
         </p>
         <button
           onClick={renderAsCard}
-          className="w-full bg-orange-600 hover:bg-orange-700 text-white py-2 px-3 sm:px-4 rounded-md text-sm sm:text-base font-medium transition-colors"
+          className="hover:cursor-pointer w-full bg-orange-600 hover:bg-orange-700 text-white py-2 px-3 sm:px-4 rounded-md text-sm sm:text-base font-medium transition-colors"
         >
           Export Donder Hiroba
         </button>
diff --git a/frontend/src/components/modals/TaikoEGTSModal.tsx b/frontend/src/components/modals/TaikoEGTSModal.tsx
index 45d47bf..a13fa48 100644
--- a/frontend/src/components/modals/TaikoEGTSModal.tsx
+++ b/frontend/src/components/modals/TaikoEGTSModal.tsx
@@ -37,7 +37,7 @@ const TaikoEGTSModal = ({
         </p>
         <button
           onClick={renderAsCard}
-          className="w-full bg-[#533166] hover:bg-[#4a2c5a] text-white py-2 px-3 sm:px-4 rounded-md text-sm sm:text-base font-medium transition-colors"
+          className="hover:cursor-pointer w-full bg-[#533166] hover:bg-[#4a2c5a] text-white py-2 px-3 sm:px-4 rounded-md text-sm sm:text-base font-medium transition-colors"
         >
           Export EGTS Play History
         </button>
diff --git a/frontend/src/pages/Import.tsx b/frontend/src/pages/Import.tsx
index 21bc580..ce7eee5 100644
--- a/frontend/src/pages/Import.tsx
+++ b/frontend/src/pages/Import.tsx
@@ -17,7 +17,7 @@ const FlowerUserscriptModal = lazy(() => import("../components/modals/FlowerUser
 const TaikoDonderHirobaModal = lazy(() => import("../components/modals/TaikoDonderHirobaModal"));
 const TaikoEGTSModal = lazy(() => import("../components/modals/TaikoEGTSModal"));
 
-type ModalType = 'json' | 'dancerush' | 'dancearound' | 'divanet' | 'musicdiver' | 'nostalgia' | 'reflecbeat' | 'taiko';
+type ModalType = 'json' | 'dancerush' | 'dancearound' | 'divanet' | 'musicdiver' | 'nostalgia' | 'reflecbeat' | 'taiko' | 'taikoEGTS';
 
 const Import = () => {
   const { user, isLoading, logout } = useAuth();
@@ -125,7 +125,7 @@ const Import = () => {
       </p>
       <button
         onClick={() => setOpenModal('json')}
-        className="w-full bg-violet-600 hover:bg-violet-700 text-white py-2 px-3 sm:px-4 rounded-md text-sm sm:text-base font-medium transition-colors"
+        className="hover:cursor-pointer w-full bg-violet-600 hover:bg-violet-700 text-white py-2 px-3 sm:px-4 rounded-md text-sm sm:text-base font-medium transition-colors"
       >
         Upload JSON
       </button>
@@ -212,7 +212,7 @@ const Import = () => {
             isOpen={false}
             onClose={() => {}}
             game={supportedGames.find((g) => g.internalName === selectedGame)}
-            renderAsCard={() => setOpenModal('taiko')}
+            renderAsCard={() => setOpenModal('taikoEGTS')}
             />
           </>
         );
@@ -412,7 +412,7 @@ const Import = () => {
             }
           />
         )}
-        {openModal === 'taiko' && (
+        {openModal === 'taikoEGTS' && (
           <TaikoEGTSModal
             isOpen={true}
             onClose={() => setOpenModal(null)}