1a315c510e
Summary: Switched button group to Ant's radio buttons Reviewed By: mweststrate Differential Revision: D28068173 fbshipit-source-id: bcde8f32d76f76c18cf8bc8c8742bc3e01c54c7c
37 lines
1.0 KiB
TypeScript
37 lines
1.0 KiB
TypeScript
/**
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @format
|
|
*/
|
|
|
|
import {Radio} from 'antd';
|
|
import React from 'react';
|
|
import {LeftOutlined, RightOutlined} from '@ant-design/icons';
|
|
|
|
export default React.memo(
|
|
(props: {
|
|
/** Back button is enabled */
|
|
canGoBack: boolean;
|
|
/** Forwards button is enabled */
|
|
canGoForward: boolean;
|
|
/** Callback when back button is clicked */
|
|
onBack: () => void;
|
|
/** Callback when forwards button is clicked */
|
|
onForward: () => void;
|
|
}) => {
|
|
return (
|
|
<Radio.Group style={{marginLeft: 5, marginRight: 5}}>
|
|
<Radio.Button disabled={!props.canGoBack} onClick={props.onBack}>
|
|
<LeftOutlined size={16} />
|
|
</Radio.Button>
|
|
<Radio.Button disabled={!props.canGoForward} onClick={props.onForward}>
|
|
<RightOutlined size={16} />
|
|
</Radio.Button>
|
|
</Radio.Group>
|
|
);
|
|
},
|
|
);
|