From cfaa373510b4c45bd2e676120be46f01aa34f643 Mon Sep 17 00:00:00 2001
From: Daniel <danielglezalbo@gmail.com>
Date: Sun, 13 Jul 2025 21:04:30 +0200
Subject: [PATCH] update: replace custom made icons with lucide's

---
 webapp/IronCalc/src/components/Toolbar/Toolbar.tsx | 12 +++++-------
 webapp/IronCalc/src/icons/decrease-decimal.svg     |  6 ------
 webapp/IronCalc/src/icons/increase-decimal.svg     |  7 -------
 3 files changed, 5 insertions(+), 20 deletions(-)
 delete mode 100644 webapp/IronCalc/src/icons/decrease-decimal.svg
 delete mode 100644 webapp/IronCalc/src/icons/increase-decimal.svg

diff --git a/webapp/IronCalc/src/components/Toolbar/Toolbar.tsx b/webapp/IronCalc/src/components/Toolbar/Toolbar.tsx
index d5ece4a..ea5ae4c 100644
--- a/webapp/IronCalc/src/components/Toolbar/Toolbar.tsx
+++ b/webapp/IronCalc/src/components/Toolbar/Toolbar.tsx
@@ -14,6 +14,8 @@ import {
   ArrowUpToLine,
   Bold,
   ChevronDown,
+  DecimalsArrowLeft,
+  DecimalsArrowRight,
   Euro,
   Grid2X2,
   Grid2x2Check,
@@ -36,11 +38,7 @@ import {
 } from "lucide-react";
 import { useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
-import {
-  ArrowMiddleFromLine,
-  DecimalPlacesDecreaseIcon,
-  DecimalPlacesIncreaseIcon,
-} from "../../icons";
+import { ArrowMiddleFromLine } from "../../icons";
 import { theme } from "../../theme";
 import BorderPicker from "../BorderPicker/BorderPicker";
 import ColorPicker from "../ColorPicker/ColorPicker";
@@ -168,7 +166,7 @@ function Toolbar(properties: ToolbarProperties) {
         disabled={!canEdit}
         title={t("toolbar.decimal_places_decrease")}
       >
-        <DecimalPlacesDecreaseIcon />
+        <DecimalsArrowLeft />
       </StyledButton>
       <StyledButton
         type="button"
@@ -181,7 +179,7 @@ function Toolbar(properties: ToolbarProperties) {
         disabled={!canEdit}
         title={t("toolbar.decimal_places_increase")}
       >
-        <DecimalPlacesIncreaseIcon />
+        <DecimalsArrowRight />
       </StyledButton>
       <FormatMenu
         numFmt={properties.numFmt}
diff --git a/webapp/IronCalc/src/icons/decrease-decimal.svg b/webapp/IronCalc/src/icons/decrease-decimal.svg
deleted file mode 100644
index ab46d1e..0000000
--- a/webapp/IronCalc/src/icons/decrease-decimal.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12.5 11.3333H5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M7 9.33333L5 11.3333L7 13.3333" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M7.66667 4.33333C7.66667 3.59695 7.06971 3 6.33333 3C5.59695 3 5 3.59695 5 4.33333V5.66667C5 6.40305 5.59695 7 6.33333 7C7.06971 7 7.66667 6.40305 7.66667 5.66667V4.33333Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M3 7H3.00667" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
diff --git a/webapp/IronCalc/src/icons/increase-decimal.svg b/webapp/IronCalc/src/icons/increase-decimal.svg
deleted file mode 100644
index c8ffa01..0000000
--- a/webapp/IronCalc/src/icons/increase-decimal.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12.5 11.3333H5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M10.5 9.33333L12.5 11.3333L10.5 13.3333" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M7.66667 4.33333C7.66667 3.59695 7.06971 3 6.33333 3C5.59695 3 5 3.59695 5 4.33333V5.66667C5 6.40305 5.59695 7 6.33333 7C7.06971 7 7.66667 6.40305 7.66667 5.66667V4.33333Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M12.3333 4.33333C12.3333 3.59695 11.7364 3 11 3C10.2636 3 9.66667 3.59695 9.66667 4.33333V5.66667C9.66667 6.40305 10.2636 7 11 7C11.7364 7 12.3333 6.40305 12.3333 5.66667V4.33333Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M3 7H3.00667" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>