Commit 51ea38a5 authored by Chunchi Che's avatar Chunchi Che

fix

parent 8646aa12
Pipeline #23194 passed with stages
in 11 minutes and 21 seconds
.container { .container {
display: flex; display: flex;
align-items: center; align-items: center;
flex-direction: column; justify-content: center;
flex-direction: row;
gap: 80px;
button {
width: 100px;
height: 50px;
font-size: 16px;
}
} }
import { Modal } from "antd"; import { Button, Modal } from "antd";
import React from "react"; import React from "react";
import { useSnapshot } from "valtio"; import { useSnapshot } from "valtio";
import { sendTpResult } from "@/api"; import { sendTpResult } from "@/api";
import { SideStage, sideStore } from "@/stores"; import { SideStage, sideStore } from "@/stores";
import { IconFont, SpecialButton } from "@/ui/Shared";
import { Tp, TpPopover } from "@/ui/WaitRoom/Popover";
import styles from "./index.module.scss"; import styles from "./index.module.scss";
...@@ -20,18 +18,22 @@ export const TpModal: React.FC = () => { ...@@ -20,18 +18,22 @@ export const TpModal: React.FC = () => {
closable={false} closable={false}
> >
<div className={styles.container}> <div className={styles.container}>
<TpPopover <Button
onSelect={(tp) => { onClick={() => {
sendTpResult(tp === Tp.First); sendTpResult(true);
sideStore.stage = SideStage.TP_SELECTED; sideStore.stage = SideStage.TP_SELECTED;
}} }}
forceOpen={stage === SideStage.TP_SELECTING}
> >
<SpecialButton> 先手
<IconFont type="icon-one" size={18} /> </Button>
<span>请选择先后手</span> <Button
</SpecialButton> onClick={() => {
</TpPopover> sendTpResult(false);
sideStore.stage = SideStage.TP_SELECTED;
}}
>
后手
</Button>
</div> </div>
</Modal> </Modal>
); );
......
...@@ -70,9 +70,8 @@ export const MoraPopover: React.FC< ...@@ -70,9 +70,8 @@ export const MoraPopover: React.FC<
export const TpPopover: React.FC< export const TpPopover: React.FC<
React.PropsWithChildren<{ React.PropsWithChildren<{
onSelect?: (result: Tp) => void; onSelect?: (result: Tp) => void;
forceOpen?: boolean;
}> }>
> = ({ children, onSelect, forceOpen }) => { > = ({ children, onSelect }) => {
const [open, setOpen] = useState(false); const [open, setOpen] = useState(false);
// 需要在mora的service之中,emit一个事件,让这个组件监听到,然后打开popover // 需要在mora的service之中,emit一个事件,让这个组件监听到,然后打开popover
...@@ -116,7 +115,7 @@ export const TpPopover: React.FC< ...@@ -116,7 +115,7 @@ export const TpPopover: React.FC<
))} ))}
</Space> </Space>
} }
open={open || forceOpen === true} open={open}
placement="bottom" placement="bottom"
> >
{children} {children}
......
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