From a35bee0bc985d59299e05547058fee5ef4a5dcad Mon Sep 17 00:00:00 2001
From: Ali BARIN <ali.barin53@gmail.com>
Date: Fri, 12 Aug 2022 15:31:47 +0200
Subject: [PATCH] feat: add "go back to flows" tooltip in editor

---
 .../web/src/components/EditorLayout/index.tsx   | 17 ++++++++++-------
 packages/web/src/locales/en.json                |  1 +
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/packages/web/src/components/EditorLayout/index.tsx b/packages/web/src/components/EditorLayout/index.tsx
index 524a1d0c..84f8df26 100644
--- a/packages/web/src/components/EditorLayout/index.tsx
+++ b/packages/web/src/components/EditorLayout/index.tsx
@@ -5,6 +5,7 @@ import Stack from '@mui/material/Stack';
 import Box from '@mui/material/Box';
 import FormControlLabel from '@mui/material/FormControlLabel';
 import Switch from '@mui/material/Switch';
+import Tooltip from '@mui/material/Tooltip';
 import IconButton from '@mui/material/IconButton';
 import ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew';
 
@@ -69,13 +70,15 @@ export default function EditorLayout(): React.ReactElement {
       <Stack direction="column" height="100%">
         <Stack direction="row" bgcolor="white" justifyContent="space-between" alignItems="center" boxShadow={1} py={1} px={1}>
           <Box display="flex" flex={1} alignItems="center">
-            <IconButton
-              size="small"
-              component={Link}
-              to={URLS.FLOWS}
-            >
-              <ArrowBackIosNewIcon fontSize="small" />
-            </IconButton>
+            <Tooltip placement="right" title={formatMessage('flowEditor.goBack')} disableInteractive>
+              <IconButton
+                size="small"
+                component={Link}
+                to={URLS.FLOWS}
+              >
+                <ArrowBackIosNewIcon fontSize="small" />
+              </IconButton>
+            </Tooltip>
 
             {!loading && (
               <EditableTypography
diff --git a/packages/web/src/locales/en.json b/packages/web/src/locales/en.json
index 629d9b4c..c17954bb 100644
--- a/packages/web/src/locales/en.json
+++ b/packages/web/src/locales/en.json
@@ -47,6 +47,7 @@
   "flowStep.actionType": "Action",
   "flows.create": "Create flow",
   "flows.title": "Flows",
+  "flowEditor.goBack": "Go back to flows",
   "executions.title": "Executions",
   "execution.executedAt": "executed {datetime}",
   "profileSettings.title": "My Profile",