Commit 632dbdbb authored by Chunchi Che's avatar Chunchi Che

add the EndModal component

parent cc3c8084
Pipeline #22687 passed with stages
in 12 minutes and 25 seconds
import "./index.scss";
import React from "react";
import { proxy, useSnapshot } from "valtio";
import { fetchStrings } from "@/api";
import { replayStore } from "@/stores";
import { NeosModal } from "../NeosModal";
interface EndProps {
isOpen: boolean;
isWin: boolean;
reason?: string;
}
const defaultProps: EndProps = {
isOpen: false,
isWin: false,
};
const localStore = proxy(defaultProps);
export const EndModal: React.FC = () => {
const { isOpen, isWin, reason } = useSnapshot(localStore);
return (
<NeosModal
title={fetchStrings("!system", 1500)}
open={isOpen}
onOk={() => {
const replayBuffers = replayStore.encode();
const blob = new Blob(replayBuffers, {
type: "application/octet-stream",
});
// download the replay file
window.open(URL.createObjectURL(blob));
rs();
}}
onCancel={() => {
// TODO: reset all stores, and navigate to home
rs();
}}
>
<p>{isWin ? "Win" : "Defeated"}</p>
<p>{reason}</p>
<p>{fetchStrings("!system", 1340)}</p>
</NeosModal>
);
};
let rs: (arg?: any) => void = () => {};
export const displayEndModal = async (isWin: boolean, reason?: string) => {
localStore.isWin = isWin;
localStore.reason = reason;
localStore.isOpen = true;
await new Promise<void>((resolve) => (rs = resolve)); // 等待在组件内resolve
localStore.isOpen = false;
localStore.isWin = false;
localStore.reason = undefined;
};
...@@ -3,6 +3,7 @@ export * from "./AnnounceModal"; ...@@ -3,6 +3,7 @@ export * from "./AnnounceModal";
export * from "./CardListModal"; export * from "./CardListModal";
export * from "./CardModal"; export * from "./CardModal";
export * from "./CheckCounterModal"; export * from "./CheckCounterModal";
export * from "./EndModal";
export * from "./HintNotification"; export * from "./HintNotification";
export * from "./OptionModal"; export * from "./OptionModal";
export * from "./PositionModal"; export * from "./PositionModal";
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment