make import button change pointer state to clickable

This commit is contained in:
Pinapelz
2025-11-12 03:14:55 -08:00
parent 58876529c3
commit 83ea25bdfe
7 changed files with 10 additions and 10 deletions
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>
+4 -4
View File
@@ -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)}