generated from nhcarrigan/template
feat: initial prototype — core game systems (#30)
## Summary This PR represents the full v1 prototype, implementing the core game systems for Elysium. - Full idle/clicker RPG loop: resource collection, crafting, boss fights, exploration, and quests - Adventurer hiring with batch size selector and progressive tier cost scaling - Prestige, transcendence, and apotheosis systems with auto-prestige support - Character sheet, titles, leaderboards, companion system, and daily login bonuses - Auto-quest and auto-boss toggles - Discord webhook notifications on prestige/transcendence/apotheosis - Discord role awarded on apotheosis - Responsive design and overarching story/lore system - In-game sound effects and browser notifications for key events - Support link button in the resource bar - Full test coverage (100% on `apps/api` and `packages/types`) - CI pipeline: lint → build → test ## Closes Closes #1 Closes #2 Closes #3 Closes #4 Closes #5 Closes #6 Closes #7 Closes #8 Closes #9 Closes #10 Closes #11 Closes #12 Closes #13 Closes #14 Closes #16 Closes #19 Closes #20 Closes #21 Closes #22 Closes #23 Closes #24 Closes #25 Closes #26 Closes #27 Closes #29 ✨ This issue was created with help from Hikari~ 🌸 Co-authored-by: Naomi Carrigan <commits@nhcarrigan.com> Reviewed-on: #30 Co-authored-by: Hikari <hikari@nhcarrigan.com> Co-committed-by: Hikari <hikari@nhcarrigan.com>
This commit was merged in pull request #30.
This commit is contained in:
@@ -0,0 +1,71 @@
|
||||
/**
|
||||
* @file Outdated schema modal component warning about incompatible save data.
|
||||
* @copyright nhcarrigan
|
||||
* @license Naomi's Public License
|
||||
* @author Naomi Carrigan
|
||||
*/
|
||||
import { type JSX, useState } from "react";
|
||||
import { useGame } from "../../context/gameContext.js";
|
||||
|
||||
interface OutdatedSchemaModalProperties {
|
||||
readonly onDismiss: ()=> void;
|
||||
}
|
||||
|
||||
/**
|
||||
* Renders the outdated schema modal prompting the user to reset or continue.
|
||||
* @param props - The modal properties.
|
||||
* @param props.onDismiss - Callback to dismiss the modal without resetting.
|
||||
* @returns The JSX element.
|
||||
*/
|
||||
const OutdatedSchemaModal = ({
|
||||
onDismiss,
|
||||
}: OutdatedSchemaModalProperties): JSX.Element => {
|
||||
const { resetProgress } = useGame();
|
||||
const [ isResetting, setIsResetting ] = useState(false);
|
||||
|
||||
async function handleReset(): Promise<void> {
|
||||
setIsResetting(true);
|
||||
await resetProgress();
|
||||
setIsResetting(false);
|
||||
}
|
||||
|
||||
function handleResetClick(): void {
|
||||
void handleReset();
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="modal-overlay">
|
||||
<div className="modal offline-modal">
|
||||
<h2>{"⚠️ Outdated Save Data"}</h2>
|
||||
<p>
|
||||
{"Your save data is from an older version of Elysium and may cause"
|
||||
+ " bugs or unexpected behaviour. Cloud saves are "}
|
||||
<strong>{"disabled"}</strong>
|
||||
{" until you reset your progress."}
|
||||
</p>
|
||||
<p>{"Resetting will start you fresh — all progress will be lost."}</p>
|
||||
<div className="outdated-modal-actions">
|
||||
<button
|
||||
className="outdated-modal-reset-button"
|
||||
disabled={isResetting}
|
||||
onClick={handleResetClick}
|
||||
type="button"
|
||||
>
|
||||
{isResetting
|
||||
? "Resetting…"
|
||||
: "Reset Progress"}
|
||||
</button>
|
||||
<button
|
||||
className="modal-close-button"
|
||||
onClick={onDismiss}
|
||||
type="button"
|
||||
>
|
||||
{"Proceed with Bugs"}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export { OutdatedSchemaModal };
|
||||
Reference in New Issue
Block a user