Added text to i18n file, added icon

Dygmalab · Nov 26, 2023 · 7061503 · 7061503
1 parent c704317
commit 7061503
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 7 deletions.
diff --git a/src/renderer/component/Icon/IconMagnifier.js b/src/renderer/component/Icon/IconMagnifier.js
@@ -0,0 +1,12 @@
+import * as React from "react";
+
+function IconMagnifier(props) {
+  return (
+
+    <svg fill="#ffffff" width={24} height={24} viewBox="0 0 32 32"  {...props} version="1.1" xmlns="http://www.w3.org/2000/svg">
+        <path d="M31.707 30.282l-9.717-9.776c1.811-2.169 2.902-4.96 2.902-8.007 0-6.904-5.596-12.5-12.5-12.5s-12.5 5.596-12.5 12.5 5.596 12.5 12.5 12.5c3.136 0 6.002-1.158 8.197-3.067l9.703 9.764c0.39 0.39 1.024 0.39 1.415 0s0.39-1.023 0-1.415zM12.393 23.016c-5.808 0-10.517-4.709-10.517-10.517s4.708-10.517 10.517-10.517c5.808 0 10.516 4.708 10.516 10.517s-4.709 10.517-10.517 10.517z"></path>
+    </svg>
+  );
+}
+
+export default IconMagnifier;
diff --git a/src/renderer/component/Select/LayerSelector.js b/src/renderer/component/Select/LayerSelector.js
@@ -29,12 +29,13 @@ import {
   IconArrowDownWithLine,
   IconFileDownload,
   IconKeyboard,
-  IconFlashlight, IconRecord, IconStopWatch,
+  IconFlashlight, IconRecord, IconStopWatch, IconLayers,
 } from "../Icon";
 
 import { NameModal } from "../Modal"; // Imported custom modal component
 import { ButtonSettings } from "../Button";
 import { KeyboardViewSelector } from "../ToggleButtons";
+import IconMagnifier from "@Renderer/component/Icon/IconMagnifier";
 
 const Style = Styled.div`
 display: flex;
@@ -150,16 +151,16 @@ class LayerSelector extends React.Component {
     ];
     const followMode = [
       {
-        name: "Dont follow",
-        tooltip: i18n.editor.keysEditor,
+        name: i18n.editor.follow.stop,
+        tooltip: i18n.editor.follow.stopFollow,
         value: "off",
-        icon: <IconRecord />,
+        icon: <IconLayers />,
       },
       {
-        name: "Follow",
-        tooltip: i18n.editor.color.colorEditor,
+        name: i18n.editor.follow.layer,
+        tooltip: i18n.editor.follow.followLayer,
         value: "on",
-        icon: <IconStopWatch />,
+        icon: <IconMagnifier />,
       },
     ];
     return (

diff --git a/src/renderer/i18n/en.js b/src/renderer/i18n/en.js
@@ -112,6 +112,12 @@ const English = {
       exportToPdf: "Export layouts to pdf",
       layerToCopy: "You will copy the layout of this layer",
     },
+    follow:{
+      layer: "Start",
+      stop: "Stop",
+      followLayer: "Show active layer",
+      stopFollow: "Don't show active layer",
+    },
     color: {
       color: "Color",
       colorEditor: "Color Editor",