From 3ce0b5698f5d797da22b1efe2690fc8e2e1be637 Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <me@steffo.eu>
Date: Sat, 16 Jul 2022 19:21:42 +0200
Subject: [PATCH] Add some events to ToolToggleEditing

---
 .../events/toolbar/toolToggleEditing.tsx      | 22 ++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/components/events/toolbar/toolToggleEditing.tsx b/components/events/toolbar/toolToggleEditing.tsx
index 462701b..b7fbb00 100644
--- a/components/events/toolbar/toolToggleEditing.tsx
+++ b/components/events/toolbar/toolToggleEditing.tsx
@@ -6,10 +6,18 @@ import { FestaIcon } from "../../generic/renderers/fontawesome"
 import { Tool } from "../../generic/toolbar/tool"
 
 
+export type ToolToggleEditingProps = {
+    onViewStart?: () => void,
+    onViewEnd?: () => void,
+    onEditStart?: () => void,
+    onEditEnd?: () => void,
+}
+
+
 /**
  * ToolBar {@link Tool} which switches between {@link EditingMode}s of the surrounding context.
  */
-export function ToolToggleEditing() {
+export function ToolToggleEditing({ onViewStart, onViewEnd, onEditStart, onEditEnd }: ToolToggleEditingProps) {
     const { t } = useTranslation()
     const [editing, setEditing] = useDefinedContext(EditingContext)
 
@@ -17,7 +25,11 @@ export function ToolToggleEditing() {
         return (
             <Tool
                 aria-label={t("toggleEditingView")}
-                onClick={() => setEditing(EditingMode.VIEW)}
+                onClick={() => {
+                    onEditEnd?.()
+                    setEditing(EditingMode.VIEW)
+                    onViewStart?.()
+                }}
             >
                 <FestaIcon icon={faBinoculars} />
             </Tool>
@@ -27,7 +39,11 @@ export function ToolToggleEditing() {
         return (
             <Tool
                 aria-label={t("toggleEditingEdit")}
-                onClick={() => setEditing(EditingMode.EDIT)}
+                onClick={() => {
+                    onViewEnd?.()
+                    setEditing(EditingMode.EDIT)
+                    onEditStart?.()
+                }}
             >
                 <FestaIcon icon={faPencil} />
             </Tool>