1
Fork 0
mirror of https://github.com/Steffo99/festa.git synced 2024-12-24 23:54:22 +00:00
festa/components/tools/ToolToggleEditing.tsx

20 lines
No EOL
737 B
TypeScript

import { faBinoculars, faPencil } from "@fortawesome/free-solid-svg-icons"
import { useTranslation } from "next-i18next"
import { EditingContext } from "../editable/EditingContext"
import { useDefinedContext } from "../../utils/definedContext"
import { FestaIcon } from "../extensions/FestaIcon"
export function ToolToggleEditing() {
const {t} = useTranslation()
const [editing, setEditing] = useDefinedContext(EditingContext)
return (
<button
aria-label={editing ? t("toggleEditingView") : t("toggleEditingEdit")}
onClick={() => setEditing(!editing)}
className="toolbar-tool"
>
<FestaIcon icon={editing ? faBinoculars : faPencil}/>
</button>
)
}