diff --git a/modes/example/src/toolbarButtons.js b/modes/example/src/toolbarButtons.js index 3f4db8160..1863efdfb 100644 --- a/modes/example/src/toolbarButtons.js +++ b/modes/example/src/toolbarButtons.js @@ -82,7 +82,7 @@ export default [ id: 'RotateClockwise', type: 'ohif.action', props: { - icon: 'tool-capture', + icon: 'old-rotate-right', label: 'Rotate Right', commandName: 'rotateViewportCW', type: 'primary', @@ -92,7 +92,7 @@ export default [ id: 'FlipHorizontally', type: 'ohif.action', props: { - icon: 'tool-capture', + icon: 'old-ellipse-h', label: 'Flip Horizontally', commandName: 'flipViewportHorizontal', type: 'primary', @@ -106,7 +106,7 @@ export default [ }, props: { isActive: false, - icon: 'tool-move', + icon: 'old-bars', label: 'Stack Scroll', commandName: 'setToolActive', commandOptions: { toolName: 'StackScroll' }, @@ -121,7 +121,7 @@ export default [ }, props: { isActive: false, - icon: 'tool-move', + icon: 'old-circle', label: 'Magnify', commandName: 'setToolActive', commandOptions: { toolName: 'Magnify' }, @@ -132,7 +132,7 @@ export default [ id: 'Invert', type: 'ohif.action', props: { - icon: 'tool-capture', + icon: 'old-invert', label: 'Invert', commandName: 'invertViewport', type: 'primary', diff --git a/modes/longitudinal/src/toolbarButtons.js b/modes/longitudinal/src/toolbarButtons.js index 6fc5634ea..eacdb2497 100644 --- a/modes/longitudinal/src/toolbarButtons.js +++ b/modes/longitudinal/src/toolbarButtons.js @@ -130,7 +130,7 @@ export default [ id: 'RotateClockwise', type: 'ohif.action', props: { - icon: 'tool-capture', + icon: 'old-rotate-right', label: 'Rotate Right', commandName: 'rotateViewportCW', type: 'primary', @@ -140,7 +140,7 @@ export default [ id: 'FlipHorizontally', type: 'ohif.action', props: { - icon: 'tool-capture', + icon: 'old-ellipse-h', label: 'Flip Horizontally', commandName: 'flipViewportHorizontal', type: 'primary', @@ -154,7 +154,7 @@ export default [ }, props: { isActive: false, - icon: 'tool-move', + icon: 'old-bars', label: 'Stack Scroll', commandName: 'setToolActive', commandOptions: { toolName: 'StackScroll' }, @@ -169,7 +169,7 @@ export default [ }, props: { isActive: false, - icon: 'tool-move', + icon: 'old-circle', label: 'Magnify', commandName: 'setToolActive', commandOptions: { toolName: 'Magnify' }, @@ -180,7 +180,7 @@ export default [ id: 'Invert', type: 'ohif.action', props: { - icon: 'tool-capture', + icon: 'old-invert', label: 'Invert', commandName: 'invertViewport', type: 'primary', diff --git a/platform/ui/src/assets/icons/old-bars.svg b/platform/ui/src/assets/icons/old-bars.svg new file mode 100644 index 000000000..3b735f90e --- /dev/null +++ b/platform/ui/src/assets/icons/old-bars.svg @@ -0,0 +1,11 @@ + + Bars + + diff --git a/platform/ui/src/assets/icons/old-circle.svg b/platform/ui/src/assets/icons/old-circle.svg new file mode 100644 index 000000000..99b9995b3 --- /dev/null +++ b/platform/ui/src/assets/icons/old-circle.svg @@ -0,0 +1,11 @@ + + Circle + + diff --git a/platform/ui/src/assets/icons/old-ellipse-h.svg b/platform/ui/src/assets/icons/old-ellipse-h.svg new file mode 100644 index 000000000..1dbb78331 --- /dev/null +++ b/platform/ui/src/assets/icons/old-ellipse-h.svg @@ -0,0 +1,11 @@ + + Ellipse Horizontal + + diff --git a/platform/ui/src/assets/icons/old-invert.svg b/platform/ui/src/assets/icons/old-invert.svg new file mode 100644 index 000000000..ae2747644 --- /dev/null +++ b/platform/ui/src/assets/icons/old-invert.svg @@ -0,0 +1,11 @@ + + Adjust + + diff --git a/platform/ui/src/assets/icons/old-rotate-right.svg b/platform/ui/src/assets/icons/old-rotate-right.svg new file mode 100644 index 000000000..106284fa0 --- /dev/null +++ b/platform/ui/src/assets/icons/old-rotate-right.svg @@ -0,0 +1,11 @@ + + Rotate Right + + diff --git a/platform/ui/src/components/Icon/getIcon.jsx b/platform/ui/src/components/Icon/getIcon.jsx index 8f0a7a534..4328e10ce 100644 --- a/platform/ui/src/components/Icon/getIcon.jsx +++ b/platform/ui/src/components/Icon/getIcon.jsx @@ -46,6 +46,13 @@ import toolBidirectional from './../../assets/icons/tool-bidirectional.svg'; import toolElipse from './../../assets/icons/tool-elipse.svg'; import toolLength from './../../assets/icons/tool-length.svg'; +/** Old OHIF */ +import oldBars from './../../assets/icons/old-bars.svg'; +import oldCircle from './../../assets/icons/old-circle.svg'; +import oldEllipseH from './../../assets/icons/old-ellipse-h.svg'; +import oldInvert from './../../assets/icons/old-invert.svg'; +import oldRotateRight from './../../assets/icons/old-rotate-right.svg'; + const ICONS = { 'arrow-down': arrowDown, calendar: calendar, @@ -91,6 +98,13 @@ const ICONS = { 'tool-bidirectional': toolBidirectional, 'tool-elipse': toolElipse, 'tool-length': toolLength, + + /** Old OHIF */ + 'old-bars': oldBars, + 'old-circle': oldCircle, + 'old-ellipse-h': oldEllipseH, + 'old-invert': oldInvert, + 'old-rotate-right': oldRotateRight }; /**