diff --git a/app/configurator/components/chart-type-selector.tsx b/app/configurator/components/chart-type-selector.tsx index a4de153d2..e5595cccb 100644 --- a/app/configurator/components/chart-type-selector.tsx +++ b/app/configurator/components/chart-type-selector.tsx @@ -225,8 +225,8 @@ const ChartTypeSelectorMenu = (props: ChartTypeSelectorMenuProps) => { props; return ( - - + + {title} { case "map": return "chartMap"; case "comboLineSingle": + return "chartMultiLine"; case "comboLineDual": + return "chartDualAxisLine"; case "comboLineColumn": - // FIXME: Use a proper icon. - return "star"; + return "chartColumnLine"; case "baseLayer": return "mapMaptype"; case "areaLayer": diff --git a/app/icons/components/IcChartColumnLine.tsx b/app/icons/components/IcChartColumnLine.tsx new file mode 100644 index 000000000..05c7f43bb --- /dev/null +++ b/app/icons/components/IcChartColumnLine.tsx @@ -0,0 +1,31 @@ +import * as React from "react"; +function SvgIcChartColumnLine(props: React.SVGProps) { + return ( + + + + + + + + + + ); +} +export default SvgIcChartColumnLine; diff --git a/app/icons/components/IcChartDualAxisLine.tsx b/app/icons/components/IcChartDualAxisLine.tsx new file mode 100644 index 000000000..51419010b --- /dev/null +++ b/app/icons/components/IcChartDualAxisLine.tsx @@ -0,0 +1,42 @@ +import * as React from "react"; +function SvgIcChartDualAxisLine(props: React.SVGProps) { + return ( + + + + + + + + + + ); +} +export default SvgIcChartDualAxisLine; diff --git a/app/icons/components/IcChartMultiLine.tsx b/app/icons/components/IcChartMultiLine.tsx new file mode 100644 index 000000000..ddd5c2b27 --- /dev/null +++ b/app/icons/components/IcChartMultiLine.tsx @@ -0,0 +1,34 @@ +import * as React from "react"; +function SvgIcChartMultiLine(props: React.SVGProps) { + return ( + + + + + + + + + + ); +} +export default SvgIcChartMultiLine; diff --git a/app/icons/components/IcTwitter.tsx b/app/icons/components/IcTwitter.tsx index d69ba6dd0..fdfae0bb5 100644 --- a/app/icons/components/IcTwitter.tsx +++ b/app/icons/components/IcTwitter.tsx @@ -1,23 +1,18 @@ import * as React from "react"; - function SvgIcTwitter(props: React.SVGProps) { return ( - - - - + ); } - export default SvgIcTwitter; diff --git a/app/icons/components/index.tsx b/app/icons/components/index.tsx index 75ff31002..4f9e6b6c5 100644 --- a/app/icons/components/index.tsx +++ b/app/icons/components/index.tsx @@ -18,8 +18,11 @@ import { default as Categories } from "@/icons/components/IcCategories"; import { default as ChartArea } from "@/icons/components/IcChartArea"; import { default as ChartBar } from "@/icons/components/IcChartBar"; import { default as ChartColumn } from "@/icons/components/IcChartColumn"; +import { default as ChartColumnLine } from "@/icons/components/IcChartColumnLine"; +import { default as ChartDualAxisLine } from "@/icons/components/IcChartDualAxisLine"; import { default as ChartLine } from "@/icons/components/IcChartLine"; import { default as ChartMap } from "@/icons/components/IcChartMap"; +import { default as ChartMultiLine } from "@/icons/components/IcChartMultiLine"; import { default as ChartPie } from "@/icons/components/IcChartPie"; import { default as ChartScatterplot } from "@/icons/components/IcChartScatterplot"; import { default as Check } from "@/icons/components/IcCheck"; @@ -49,6 +52,7 @@ import { default as Dragndrop } from "@/icons/components/IcDragndrop"; import { default as Edit } from "@/icons/components/IcEdit"; import { default as Embed } from "@/icons/components/IcEmbed"; import { default as Excel } from "@/icons/components/IcExcel"; +import { default as Exclamation } from "@/icons/components/IcExclamation"; import { default as Eye } from "@/icons/components/IcEye"; import { default as Facebook } from "@/icons/components/IcFacebook"; import { default as Feed } from "@/icons/components/IcFeed"; @@ -156,9 +160,12 @@ export const Icons = { categories: Categories, chartArea: ChartArea, chartBar: ChartBar, + chartColumnLine: ChartColumnLine, chartColumn: ChartColumn, + chartDualAxisLine: ChartDualAxisLine, chartLine: ChartLine, chartMap: ChartMap, + chartMultiLine: ChartMultiLine, chartPie: ChartPie, chartScatterplot: ChartScatterplot, check: Check, @@ -188,6 +195,7 @@ export const Icons = { edit: Edit, embed: Embed, excel: Excel, + exclamation: Exclamation, eye: Eye, facebook: Facebook, feed: Feed, diff --git a/app/icons/index.tsx b/app/icons/index.tsx index 38f9f9215..961515556 100644 --- a/app/icons/index.tsx +++ b/app/icons/index.tsx @@ -51,11 +51,12 @@ export const getChartIcon = (chartType: ChartType): IconName => { return "chartScatterplot"; case "table": return "table"; - // FIXME: use proper icons case "comboLineSingle": + return "chartMultiLine"; case "comboLineDual": + return "chartDualAxisLine"; case "comboLineColumn": - return "star"; + return "chartColumnLine"; default: const _exhaustiveCheck: never = chartType; return _exhaustiveCheck; diff --git a/app/icons/svg/ic_chart-column-line.svg b/app/icons/svg/ic_chart-column-line.svg new file mode 100644 index 000000000..7aa472ec0 --- /dev/null +++ b/app/icons/svg/ic_chart-column-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/icons/svg/ic_chart-dual-axis-line.svg b/app/icons/svg/ic_chart-dual-axis-line.svg new file mode 100644 index 000000000..38740b59f --- /dev/null +++ b/app/icons/svg/ic_chart-dual-axis-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/icons/svg/ic_chart-multi-line.svg b/app/icons/svg/ic_chart-multi-line.svg new file mode 100644 index 000000000..d2c71b0d2 --- /dev/null +++ b/app/icons/svg/ic_chart-multi-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/icons/svg/ic_twitter.svg b/app/icons/svg/ic_twitter.svg index 35accbb08..72bc916e0 100644 --- a/app/icons/svg/ic_twitter.svg +++ b/app/icons/svg/ic_twitter.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file