mirror of
https://github.com/hedgedoc/hedgedoc.git
synced 2025-05-23 19:47:03 -04:00
e12dc523f8
* Adjust editor config Signed-off-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de> Co-authored-by: Erik Michelson <github@erik.michelson.eu>
26 lines
708 B
TypeScript
26 lines
708 B
TypeScript
/*
|
|
SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only
|
|
*/
|
|
|
|
import React from 'react'
|
|
import { Button } from 'react-bootstrap'
|
|
import { ForkAwesomeIcon } from '../fork-awesome/fork-awesome-icon'
|
|
|
|
export interface LockButtonProps {
|
|
locked: boolean,
|
|
onLockedChanged: (newState: boolean) => void
|
|
title: string
|
|
}
|
|
|
|
export const LockButton: React.FC<LockButtonProps> = ({ locked, onLockedChanged, title }) => {
|
|
return (
|
|
<Button variant='dark' size='sm' onClick={ () => onLockedChanged(!locked) } title={ title }>
|
|
{ locked
|
|
? <ForkAwesomeIcon icon='lock'/>
|
|
: <ForkAwesomeIcon icon='unlock'/>
|
|
}
|
|
</Button>
|
|
)
|
|
}
|