From aa1446b5022a9705b0aec1255b1ff91a19df45cf Mon Sep 17 00:00:00 2001 From: Tom Butcher Date: Mon, 20 Jul 2026 02:05:18 +0100 Subject: [PATCH] Add new SVG icons and corresponding React components for HotEnd, MultiMotion, Picture, PrinterProfile, Ruler, and FilamentProfile. Update sidebarIconMap to include new icons for improved UI consistency. --- assets/icons/filamentprofileicon.svg | 10 ++++++++++ assets/icons/hotendicon.svg | 7 +++++++ assets/icons/multimotionicon.svg | 7 +++++++ assets/icons/pictureicon.svg | 8 ++++++++ assets/icons/printerprofileicon.svg | 8 ++++++++ assets/icons/rulericon.svg | 7 +++++++ src/components/Icons/HotEndIcon.jsx | 6 ++++++ src/components/Icons/MultiMotionIcon.jsx | 6 ++++++ src/components/Icons/PictureIcon.jsx | 6 ++++++ src/components/Icons/PrinterProfileIcon.jsx | 8 ++++++++ src/components/Icons/RulerIcon.jsx | 6 ++++++ src/components/Icons/sidebarIconMap.jsx | 4 ++++ 12 files changed, 83 insertions(+) create mode 100644 assets/icons/filamentprofileicon.svg create mode 100644 assets/icons/hotendicon.svg create mode 100644 assets/icons/multimotionicon.svg create mode 100644 assets/icons/pictureicon.svg create mode 100644 assets/icons/printerprofileicon.svg create mode 100644 assets/icons/rulericon.svg create mode 100644 src/components/Icons/HotEndIcon.jsx create mode 100644 src/components/Icons/MultiMotionIcon.jsx create mode 100644 src/components/Icons/PictureIcon.jsx create mode 100644 src/components/Icons/PrinterProfileIcon.jsx create mode 100644 src/components/Icons/RulerIcon.jsx diff --git a/assets/icons/filamentprofileicon.svg b/assets/icons/filamentprofileicon.svg new file mode 100644 index 0000000..9d23230 --- /dev/null +++ b/assets/icons/filamentprofileicon.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/assets/icons/hotendicon.svg b/assets/icons/hotendicon.svg new file mode 100644 index 0000000..311395e --- /dev/null +++ b/assets/icons/hotendicon.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/assets/icons/multimotionicon.svg b/assets/icons/multimotionicon.svg new file mode 100644 index 0000000..378a215 --- /dev/null +++ b/assets/icons/multimotionicon.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/assets/icons/pictureicon.svg b/assets/icons/pictureicon.svg new file mode 100644 index 0000000..e90a694 --- /dev/null +++ b/assets/icons/pictureicon.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/assets/icons/printerprofileicon.svg b/assets/icons/printerprofileicon.svg new file mode 100644 index 0000000..373ce9f --- /dev/null +++ b/assets/icons/printerprofileicon.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/assets/icons/rulericon.svg b/assets/icons/rulericon.svg new file mode 100644 index 0000000..d7d70a3 --- /dev/null +++ b/assets/icons/rulericon.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/components/Icons/HotEndIcon.jsx b/src/components/Icons/HotEndIcon.jsx new file mode 100644 index 0000000..547e97c --- /dev/null +++ b/src/components/Icons/HotEndIcon.jsx @@ -0,0 +1,6 @@ +import Icon from '@ant-design/icons' +import CustomIconSvg from '../../../assets/icons/hotendicon.svg?react' + +const HotEndIcon = (props) => + +export default HotEndIcon diff --git a/src/components/Icons/MultiMotionIcon.jsx b/src/components/Icons/MultiMotionIcon.jsx new file mode 100644 index 0000000..f78b823 --- /dev/null +++ b/src/components/Icons/MultiMotionIcon.jsx @@ -0,0 +1,6 @@ +import Icon from '@ant-design/icons' +import CustomIconSvg from '../../../assets/icons/multimotionicon.svg?react' + +const MultiMotionIcon = (props) => + +export default MultiMotionIcon diff --git a/src/components/Icons/PictureIcon.jsx b/src/components/Icons/PictureIcon.jsx new file mode 100644 index 0000000..108bb41 --- /dev/null +++ b/src/components/Icons/PictureIcon.jsx @@ -0,0 +1,6 @@ +import Icon from '@ant-design/icons' +import CustomIconSvg from '../../../assets/icons/pictureicon.svg?react' + +const PictureIcon = (props) => + +export default PictureIcon diff --git a/src/components/Icons/PrinterProfileIcon.jsx b/src/components/Icons/PrinterProfileIcon.jsx new file mode 100644 index 0000000..20ef240 --- /dev/null +++ b/src/components/Icons/PrinterProfileIcon.jsx @@ -0,0 +1,8 @@ +import Icon from '@ant-design/icons' +import CustomIconSvg from '../../../assets/icons/printerprofileicon.svg?react' + +const PrinterProfileIcon = (props) => ( + +) + +export default PrinterProfileIcon diff --git a/src/components/Icons/RulerIcon.jsx b/src/components/Icons/RulerIcon.jsx new file mode 100644 index 0000000..5790ca2 --- /dev/null +++ b/src/components/Icons/RulerIcon.jsx @@ -0,0 +1,6 @@ +import Icon from '@ant-design/icons' +import CustomIconSvg from '../../../assets/icons/rulericon.svg?react' + +const RulerIcon = (props) => + +export default RulerIcon diff --git a/src/components/Icons/sidebarIconMap.jsx b/src/components/Icons/sidebarIconMap.jsx index 6f35de5..f8fa985 100644 --- a/src/components/Icons/sidebarIconMap.jsx +++ b/src/components/Icons/sidebarIconMap.jsx @@ -1,5 +1,7 @@ import ProductionIcon from './ProductionIcon' import PrinterIcon from './PrinterIcon' +import PrinterProfileIcon from './PrinterProfileIcon' +import FilamentProfileIcon from './FilamentProfileIcon' import JobIcon from './JobIcon' import GCodeFileIcon from './GCodeFileIcon' import SubJobIcon from './SubJobIcon' @@ -55,6 +57,8 @@ const toEmoji = (emoji) => {emoji} const sidebarIconMap = { production: , printer: , + printerProfile: , + filamentProfile: , job: , subJob: , gcodeFile: ,