mirror of
https://github.com/laurent22/joplin.git
synced 2024-12-27 10:32:58 +02:00
25 lines
633 B
TypeScript
25 lines
633 B
TypeScript
|
|
||
|
|
import * as React from 'react';
|
||
|
|
import Button, { ButtonLevel } from '../../Button/Button';
|
||
|
|
import { _ } from '@joplin/lib/locale';
|
||
|
|
|
||
|
|
interface Props {
|
||
|
|
onClick: ()=> void;
|
||
|
|
advancedSettingsVisible: boolean;
|
||
|
|
}
|
||
|
|
|
||
|
|
const ToggleAdvancedSettingsButton: React.FunctionComponent<Props> = props => {
|
||
|
|
const iconName = props.advancedSettingsVisible ? 'fa fa-angle-down' : 'fa fa-angle-right';
|
||
|
|
return (
|
||
|
|
<div style={{ marginBottom: 10 }}>
|
||
|
|
<Button
|
||
|
|
level={ButtonLevel.Secondary}
|
||
|
|
onClick={props.onClick}
|
||
|
|
iconName={iconName}
|
||
|
|
title={_('Show Advanced Settings')}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
export default ToggleAdvancedSettingsButton;
|