2020-05-08 17:02:03 +07:00
|
|
|
import React, {useCallback} from 'react'
|
|
|
|
import {Select} from 'antd'
|
|
|
|
import {IBookContext, bookViewModes} from './BookComponent'
|
|
|
|
|
|
|
|
|
|
|
|
const {Option} = Select
|
|
|
|
|
|
|
|
export default function ViewSwitcher(props: IBookContext) {
|
|
|
|
const {mode, setBookContextState} = props
|
|
|
|
|
|
|
|
const viewModeChange = useCallback((mode) => {
|
|
|
|
setBookContextState({
|
|
|
|
mode
|
|
|
|
})
|
2020-05-09 11:45:34 +07:00
|
|
|
},[setBookContextState])
|
2020-05-08 17:02:03 +07:00
|
|
|
|
|
|
|
return (
|
|
|
|
<Select value={mode} onSelect={viewModeChange}>
|
|
|
|
{
|
|
|
|
bookViewModes.map((item: any)=>{
|
2020-05-09 11:45:34 +07:00
|
|
|
return <Option value={item.value} key={item.value}>{item.text}</Option>
|
2020-05-08 17:02:03 +07:00
|
|
|
})
|
|
|
|
}
|
|
|
|
</Select>
|
|
|
|
)
|
|
|
|
}
|