| | |
| | | const { styles } = useStyles(); |
| | | const { curSprite, curFloor } = props; |
| | | |
| | | const [drawerTitle, setDrawerTitle] = useState(''); |
| | | |
| | | useEffect(() => { |
| | | |
| | | }, [props.curSprite]); |
| | | |
| | | const handleCancel = () => { |
| | | props.onCancel(); |
| | | }; |
| | |
| | | return ( |
| | | <> |
| | | <Drawer |
| | | title={drawerTitle} |
| | | open={props.open} |
| | | onClose={handleCancel} |
| | | getContainer={props.refCurr} |
| | |
| | | <ShelfDrawer |
| | | curSprite={curSprite} |
| | | curFloor={curFloor} |
| | | setDrawerTitle={setDrawerTitle} |
| | | /> |
| | | </> |
| | | )} |
| | |
| | | <ShuttleDrawer |
| | | curSprite={curSprite} |
| | | curFloor={curFloor} |
| | | setDrawerTitle={setDrawerTitle} |
| | | /> |
| | | </> |
| | | )} |
| | |
| | | const ShelfDrawer = (props) => { |
| | | const intl = useIntl(); |
| | | const { styles } = useStyles(); |
| | | const { curSprite, curFloor } = props; |
| | | |
| | | const [activeTabKey, setActiveTabKey] = useState('view'); |
| | | |
| | | useEffect(() => { |
| | | props.setDrawerTitle(curSprite.data.no + '-' + curFloor); |
| | | }, [curSprite]); |
| | | |
| | | const contentList = { |
| | | view: ( |
| | | <ShelfView |
| | | data={props.curSprite.data} |
| | | curFloor={props.curFloor} |
| | | data={curSprite.data} |
| | | curFloor={curFloor} |
| | | /> |
| | | ), |
| | | json: ( |
| | | <ShowJson |
| | | data={props.curSprite.data} |
| | | data={curSprite.data} |
| | | /> |
| | | ), |
| | | }; |
| | |
| | | const ShuttleDrawer = (props) => { |
| | | const intl = useIntl(); |
| | | const { styles } = useStyles(); |
| | | const { curSprite, curFloor } = props; |
| | | |
| | | const [activeTabKey, setActiveTabKey] = useState('json'); |
| | | |
| | | useEffect(() => { |
| | | props.setDrawerTitle(curSprite.data.no); |
| | | }, [curSprite]); |
| | | |
| | | const contentList = { |
| | | json: ( |
| | | <ShowJson |
| | | data={props.curSprite.data} |
| | | data={curSprite.data} |
| | | /> |
| | | ), |
| | | }; |