| | |
|---|
| | | const [dataFetched, setDataFetched] = React.useState(false); |
|---|
| | | const [curSprite, setCurSPrite] = React.useState(null); |
|---|
| | | const prevCurSpriteRef = React.useRef(); |
|---|
| | | const hasFloor = true; |
|---|
| | | // const [hasFloor, setHasFloor] = React.useState(true); |
|---|
| | | const [floorList, setFloorList] = React.useState([]); |
|---|
| | | const [curFloor, setCurFloor] = React.useState(() => { |
|---|
| | | const storedValue = localStorage.getItem('curFloor'); |
|---|
| | | return storedValue !== null ? JSON.parse(storedValue) : 1; |
|---|
| | | return storedValue !== null ? JSON.parse(storedValue) : null; |
|---|
| | | }); |
|---|
| | | const [batchSprites, setBatchSprites] = React.useState([]); |
|---|
| | | const [batchDrawerVisible, setBatchDrawerVisible] = React.useState(false); |
|---|
| | |
|---|
| | | }; |
|---|
| | | window.addEventListener('resize', handleResize); |
|---|
| | | |
|---|
| | | await Utils.fetchMapData(curFloor); |
|---|
| | | const mapFloorData = await Utils.fetchMapFloor(); |
|---|
| | | setFloorList(mapFloorData); |
|---|
| | | let defaultFloor = curFloor || mapFloorData?.[0]?.value; |
|---|
| | | setCurFloor(defaultFloor); |
|---|
| | | await Utils.fetchMapData(defaultFloor); |
|---|
| | | setDataFetched(true); |
|---|
| | | setModel(MapModel.OBSERVER_MODEL) |
|---|
| | | setTimeout(() => { |
|---|
| | |
|---|
| | | <Content ref={contentRef} className={styles.content}> |
|---|
| | | <div ref={mapRef} /> |
|---|
| | | |
|---|
| | | {hasFloor && ( |
|---|
| | | {floorList.length > 0 && ( |
|---|
| | | <MapFloor |
|---|
| | | floorList={floorList} |
|---|
| | | curFloor={curFloor} |
|---|
| | | setCurFloor={setCurFloor} |
|---|
| | | /> |
|---|
