| | |
| | | const { styles } = useStyles(); |
| | | |
| | | React.useEffect(() => { |
| | | |
| | | }, [props]); |
| | | console.log(props); |
| | | }, []); |
| | | |
| | | const floorChange = (floor) => { |
| | | console.log(floor); |
| | | props.setCurFloor(floor); |
| | | } |
| | | |
| | | return ( |
| | |
| | | <Segmented |
| | | size={'large'} |
| | | options={floorSelectOptions} |
| | | value={props.curFloor} |
| | | onChange={floorChange} |
| | | style={{ |
| | | opacity: .8 |
| | |
| | | const [dataFetched, setDataFetched] = React.useState(false); |
| | | const [curSprite, setCurSPrite] = React.useState(null); |
| | | const prevCurSpriteRef = React.useRef(); |
| | | const [curFloor, setCurFloor] = React.useState(1); |
| | | |
| | | // init func |
| | | React.useEffect(() => { |
| | |
| | | }, [curSprite]); |
| | | const prevCurSprite = prevCurSpriteRef.current; |
| | | |
| | | // watch curFloor |
| | | React.useEffect(() => { |
| | | }, [curFloor]); |
| | | |
| | | // didClickSprite, stop triggers both sprite click and play's selection boxs |
| | | React.useEffect(() => { |
| | | player.updateDidClickSprite(didClickSprite); |
| | |
| | | <Content ref={contentRef} className={styles.content}> |
| | | <div ref={mapRef} style={{ position: "relative" }} > |
| | | <MapFloor |
| | | |
| | | curFloor={curFloor} |
| | | setCurFloor={setCurFloor} |
| | | /> |
| | | <FloatButton.Group |
| | | shape="square" |