diff options
Diffstat (limited to 'frontend/src/components/modals/EamusementModal.tsx')
| -rw-r--r-- | frontend/src/components/modals/EamusementModal.tsx | 49 |
1 files changed, 47 insertions, 2 deletions
diff --git a/frontend/src/components/modals/EamusementModal.tsx b/frontend/src/components/modals/EamusementModal.tsx index a861315..cb5c542 100644 --- a/frontend/src/components/modals/EamusementModal.tsx +++ b/frontend/src/components/modals/EamusementModal.tsx @@ -5,13 +5,54 @@ interface EamusementUploadModalProps { isOpen: boolean; onClose: () => void; game: SupportedGame | undefined; + renderAsCard?: () => void; +} + +const scriptLinkMap = { + "dancerush": "https://github.com/pinapelz/Mirage/raw/refs/heads/main/scripts/dancerush/dancerush_play_history.user.js", + "dancearound": "https://github.com/pinapelz/Mirage/raw/refs/heads/main/scripts/dancearound/dancearound_play_history.user.js", } const EamusementUploadModal = ({ isOpen, onClose, game, + renderAsCard }: EamusementUploadModalProps) => { + if (renderAsCard) { + return ( + <div className="bg-slate-800 rounded-lg border border-slate-700 p-6 hover:border-violet-500 transition-colors"> + <div className="w-12 h-12 bg-blue-600/20 rounded-lg flex items-center justify-center mb-4"> + <svg + className="w-6 h-6 text-blue-400" + fill="none" + stroke="currentColor" + viewBox="0 0 24 24" + > + <path + strokeLinecap="round" + strokeLinejoin="round" + strokeWidth={2} + d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" + /> + </svg> + </div> + <h4 className="text-white font-semibold mb-2"> + e-amusement Play History + </h4> + <p className="text-slate-400 text-sm mb-4"> + Import via scraping your playdata from KONAMI e-amusement + </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" + > + Export e-amusement + </button> + </div> + ); + } + if (!isOpen) return null; const handleClose = () => { @@ -92,8 +133,12 @@ const EamusementUploadModal = ({ {/* Additional Info */} <div className="mb-6 rounded-md bg-blue-500/10 border border-blue-500/20 p-3"> <p className="text-sm text-blue-400"> - This feature is currently under development. Please check back - later for the full implementation. + <a + href={scriptLinkMap[game.internalName as keyof typeof scriptLinkMap]} + className="underline" + > + {game.formattedName} Userscript Download + </a> </p> </div> |