diff options
| author | Pinapelz <yukais@pinapelz.com> | 2025-10-20 16:01:47 -0700 |
|---|---|---|
| committer | Pinapelz <yukais@pinapelz.com> | 2025-10-20 16:01:47 -0700 |
| commit | acb0dc5483a3c7b9d2efec0805fe7f533dcb6147 (patch) | |
| tree | 3bca581ac4f604d415e33cdc326173fc63e9f620 /frontend/src/components/modals/EamusementModal.tsx | |
| parent | e158c575f5323602bebc68c0e79edc7982c29c32 (diff) | |
seperate dancerush and dancearound eamuse import modals
Diffstat (limited to 'frontend/src/components/modals/EamusementModal.tsx')
| -rw-r--r-- | frontend/src/components/modals/EamusementModal.tsx | 160 |
1 files changed, 0 insertions, 160 deletions
diff --git a/frontend/src/components/modals/EamusementModal.tsx b/frontend/src/components/modals/EamusementModal.tsx deleted file mode 100644 index cb5c542..0000000 --- a/frontend/src/components/modals/EamusementModal.tsx +++ /dev/null @@ -1,160 +0,0 @@ -import type { SupportedGame } from "../../types/game"; -import { EamuseImportInfo } from "../../types/constants"; - -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 = () => { - onClose(); - }; - if(game === undefined){ - return "Sorry, due to some extreme error the game you're looking for doesn't seem to exist..." - } - return ( - <div className="fixed inset-0 z-50 overflow-y-auto"> - {/* Backdrop */} - <div - className="fixed inset-0 bg-black/50 backdrop-blur-sm transition-opacity" - onClick={handleClose} - /> - - {/* Modal */} - <div className="flex min-h-full items-center justify-center p-4"> - <div className="relative bg-slate-900 rounded-lg border border-slate-700 w-full max-w-xl p-6 shadow-xl"> - {/* Header */} - <div className="mb-6"> - <h3 className="text-xl font-bold text-white mb-2"> - Import {game.formattedName} Data - </h3> - <p className="text-slate-400 text-sm"> - Follow the instructions below to import your data - </p> - </div> - - {/* Warning */} - <div className="mb-6 rounded-md bg-blue-500/10 border border-blue-500/20 p-3"> - <p className="text-sm text-blue-400"> - You may or may need to be subscribed to{" "} - <a - className="font-bold hover:underline" - href="https://p.eagate.573.jp/payment/p/ex_select_course.html" - > - KONAMI's e-amusement Basic and/or Premium course - </a>{" "} - to view a exportable playdata history for certain games. - </p> - </div> - - {/* Instructions */} - <div className="mb-4 rounded-md bg-slate-800 border border-slate-700 p-4"> - <h4 className="text-sm font-semibold text-slate-300 mb-2"> - Instructions: - </h4> - <ol className="text-sm text-slate-400 space-y-1 list-decimal list-inside"> - <li>Log into your e-amusement account</li> - {EamuseImportInfo[game.internalName] ? ( - <li> - Navigate to your{" "} - <a href={EamuseImportInfo[game.internalName]?.scorePage}> - {game.formattedName} score data page - </a>{" "} - {game.formattedName} score data page - </li> - ) : ( - <li>Navigate to your {game.formattedName} score data page</li> - )} - {EamuseImportInfo[game.internalName] ? ( - <li> - Install the userscript to your browser (use an extension such - as Tampermonkey) - </li> - ) : ( - <li> - Scrape the data using any method of your choice and translate - it into a Mirage {game.formattedName} compatible JSON format - </li> - )} - <li>Upload the resulting JSON file into Mirage using the Batch-Manual Upload functionality</li> - <li>Verify that all data has been imported correctly</li> - </ol> - </div> - - {/* 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"> - <a - href={scriptLinkMap[game.internalName as keyof typeof scriptLinkMap]} - className="underline" - > - {game.formattedName} Userscript Download - </a> - </p> - </div> - - {/* Actions */} - <div className="flex justify-center"> - <button - onClick={handleClose} - className="px-6 py-2 bg-violet-600 hover:bg-violet-700 text-white rounded-md font-medium transition-colors" - > - Got it - </button> - </div> - </div> - </div> - </div> - ); -}; - -export default EamusementUploadModal; |
