From e7f828824485f8ac56f3d3e485dee6824a23a266 Mon Sep 17 00:00:00 2001
From: Neil <55785687+carkom@users.noreply.github.com>
Date: Thu, 3 Aug 2023 08:13:08 +0100
Subject: [PATCH] fix eye coloring (#1450)
Eye.js is currently set to a static color (black). This PR allows you to
change the color of the icon with the style element - mimicing all other
icons in Actual.
---
packages/desktop-client/src/icons/v2/Eye.js | 9 +++------
upcoming-release-notes/1450.md | 6 ++++++
2 files changed, 9 insertions(+), 6 deletions(-)
create mode 100644 upcoming-release-notes/1450.md
diff --git a/packages/desktop-client/src/icons/v2/Eye.js b/packages/desktop-client/src/icons/v2/Eye.js
index 69d829336..df51a7148 100644
--- a/packages/desktop-client/src/icons/v2/Eye.js
+++ b/packages/desktop-client/src/icons/v2/Eye.js
@@ -16,12 +16,11 @@ const SvgEye = props => (
strokeWidth: 1.5,
strokeLinecap: 'round',
strokeLinejoin: 'round',
- stroke: '#000',
+ stroke: 'currentColor',
strokeOpacity: 1,
strokeMiterlimit: 4,
}}
transform="matrix(.96 0 0 .96 1 .48)"
- fill="currentColor"
/>
<path
d="M13.249 12.712a1.749 1.749 0 0 1-1.054 1.644 1.757 1.757 0 0 1-1.92-.354 1.752 1.752 0 0 1 1.225-3.003c.459-.004.902.175 1.232.496.325.322.513.761.517 1.217Zm0 0"
@@ -30,19 +29,17 @@ const SvgEye = props => (
strokeWidth: 1.5,
strokeLinecap: 'round',
strokeLinejoin: 'round',
- stroke: '#000',
+ stroke: 'currentColor',
strokeOpacity: 1,
strokeMiterlimit: 4,
}}
transform="matrix(.96 0 0 .96 1 .48)"
- fill="currentColor"
/>
<path
d="M10.32 8.57a.72.72 0 1 0 1.442 0Zm1.442-3.289a.72.72 0 1 0-1.441 0Zm5.8 1.973a.72.72 0 0 0-.316-.969.718.718 0 0 0-.969.313Zm-2.664 2.05a.722.722 0 0 0 .317.97c.351.18.785.039.969-.317ZM5.801 6.599a.715.715 0 0 0-.969-.313.722.722 0 0 0-.312.969Zm.097 3.359a.72.72 0 0 0 .97.316.718.718 0 0 0 .312-.968Zm5.864-1.387V5.281H10.32v3.29Zm4.515-1.972-1.379 2.707 1.286.652 1.378-2.703ZM4.52 7.254l1.378 2.703 1.282-.652L5.8 6.598Zm0 0"
style={{
stroke: 'none',
fillRule: 'nonzero',
- fill: '#000',
fillOpacity: 1,
}}
transform="translate(1)"
@@ -50,4 +47,4 @@ const SvgEye = props => (
/>
</svg>
);
-export default SvgEye;
+export default SvgEye;
\ No newline at end of file
diff --git a/upcoming-release-notes/1450.md b/upcoming-release-notes/1450.md
new file mode 100644
index 000000000..59d03de61
--- /dev/null
+++ b/upcoming-release-notes/1450.md
@@ -0,0 +1,6 @@
+---
+category: Bugfix
+authors: [carkom]
+---
+
+fix Eye.js to change color dynamically based on style element passed to it.
--
GitLab