From 9588a7610946060b045345dafe51814bcb5a4612 Mon Sep 17 00:00:00 2001
From: Neil <55785687+carkom@users.noreply.github.com>
Date: Sat, 30 Mar 2024 20:14:49 +0000
Subject: [PATCH] Add Area Icon (#2526)
* Add Area Icon
* notes
---
.../src/components/reports/ReportTopbar.jsx | 4 ++--
.../desktop-client/src/icons/v1/ChartArea.tsx | 18 ++++++++++++++++++
packages/desktop-client/src/icons/v1/index.ts | 1 +
upcoming-release-notes/2526.md | 6 ++++++
4 files changed, 27 insertions(+), 2 deletions(-)
create mode 100644 packages/desktop-client/src/icons/v1/ChartArea.tsx
create mode 100644 upcoming-release-notes/2526.md
diff --git a/packages/desktop-client/src/components/reports/ReportTopbar.jsx b/packages/desktop-client/src/components/reports/ReportTopbar.jsx
index 10e8eaf23..2051aca8c 100644
--- a/packages/desktop-client/src/components/reports/ReportTopbar.jsx
+++ b/packages/desktop-client/src/components/reports/ReportTopbar.jsx
@@ -2,13 +2,13 @@ import React from 'react';
import {
SvgCalculator,
- SvgChart,
SvgChartBar,
SvgChartPie,
SvgListBullet,
SvgQueue,
SvgTag,
} from '../../icons/v1';
+import { SvgChartArea } from '../../icons/v1/ChartArea';
import { theme } from '../../style';
import { View } from '../common/View';
import { FilterButton } from '../filters/FiltersMenu';
@@ -87,7 +87,7 @@ export function ReportTopbar({
style={{ marginRight: 15 }}
disabled={disabledItems('AreaGraph')}
>
- <SvgChart width={15} height={15} />
+ <SvgChartArea width={15} height={15} />
</GraphButton>
<GraphButton
title="Donut Graph"
diff --git a/packages/desktop-client/src/icons/v1/ChartArea.tsx b/packages/desktop-client/src/icons/v1/ChartArea.tsx
new file mode 100644
index 000000000..f5d2cf356
--- /dev/null
+++ b/packages/desktop-client/src/icons/v1/ChartArea.tsx
@@ -0,0 +1,18 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+export const SvgChartArea = (props: SVGProps<SVGSVGElement>) => (
+ <svg
+ {...props}
+ xmlns="http://www.w3.org/2000/svg"
+ viewBox="0 0 20 20"
+ style={{
+ color: 'inherit',
+ ...props.style,
+ }}
+ >
+ <path
+ d="M 2.5 13 C 2 13.5 2 13.5 2 14 V 15 C 2 16 2 16 3 16 L 17 16 C 18 16 18 16 18 15 V 8.5 C 18 8 18 8 17.5 7.5 L 16 6 C 15.5 5.6 15.5 5.6 15 6 L 11 10 C 10.5 10.25 10.5 10.25 10 10 L 8 9 C 7.5 8.7 7.5 8.7 7 9 z M 0 5 c 0 -1.1 0.9 -2 2 -2 h 16 a 2 2 0 0 1 2 2 v 12 a 2 2 0 0 1 -2 2 H 2 a 2 2 0 0 1 -2 -2 V 4 z"
+ fill="currentColor"
+ />
+ </svg>
+);
diff --git a/packages/desktop-client/src/icons/v1/index.ts b/packages/desktop-client/src/icons/v1/index.ts
index af80dcca3..43aecc74c 100644
--- a/packages/desktop-client/src/icons/v1/index.ts
+++ b/packages/desktop-client/src/icons/v1/index.ts
@@ -68,6 +68,7 @@ export { SvgBuoy } from './Buoy';
export { SvgCalculator } from './Calculator';
export { SvgCalendar } from './Calendar';
export { SvgCamera } from './Camera';
+export { SvgChartArea } from './ChartArea';
export { SvgChartBar } from './ChartBar';
export { SvgChartPie } from './ChartPie';
export { SvgChart } from './Chart';
diff --git a/upcoming-release-notes/2526.md b/upcoming-release-notes/2526.md
new file mode 100644
index 000000000..1d33e9cf9
--- /dev/null
+++ b/upcoming-release-notes/2526.md
@@ -0,0 +1,6 @@
+---
+category: Enhancements
+authors: [carkom]
+---
+
+Adding new icon to better match the area graph type
--
GitLab