48 lines
1.2 KiB
TypeScript
48 lines
1.2 KiB
TypeScript
|
import React from 'react'
|
||
|
import styled from 'styled-components'
|
||
|
import {Button, Popover} from 'antd'
|
||
|
import ViewSwitcher from './ViewSwitcher'
|
||
|
import JumpControls from './JumpControls'
|
||
|
|
||
|
const ControlsContanter = styled.div`
|
||
|
display: inline-flex;
|
||
|
justify-content: space-between;
|
||
|
width: 500px;
|
||
|
`
|
||
|
export default function BookCoponentsController(props: any) {
|
||
|
const {onPrevClick, prevDisable, onNextClick, nextDisable, ...restProps} = props
|
||
|
|
||
|
return (
|
||
|
<ControlsContanter>
|
||
|
<Button
|
||
|
onClick={()=>{
|
||
|
onPrevClick()
|
||
|
}}
|
||
|
disabled={prevDisable}
|
||
|
>
|
||
|
Previous
|
||
|
</Button>
|
||
|
<Button
|
||
|
onClick={()=>{
|
||
|
onNextClick()
|
||
|
}}
|
||
|
disabled={nextDisable}
|
||
|
>
|
||
|
Next
|
||
|
</Button>
|
||
|
|
||
|
|
||
|
<Popover
|
||
|
trigger="click"
|
||
|
content={<JumpControls {...restProps}/>}>
|
||
|
<Button>
|
||
|
Jump
|
||
|
</Button>
|
||
|
</Popover>
|
||
|
|
||
|
<ViewSwitcher {...restProps}/>
|
||
|
|
||
|
</ControlsContanter>
|
||
|
)
|
||
|
}
|