feat: Secondary Toolbar

platform/ui/src/components/Icon/getIcon.jsx

@@ -29,6 +29,10 @@ import toolLayout from './../../assets/icons/tool-layout.svg';
 import toolMore from './../../assets/icons/tool-more-menu.svg';
 import toolMove from './../../assets/icons/tool-move.svg';
 import toolWindow from './../../assets/icons/tool-window-level.svg';
+import toolAnnotate from './../../assets/icons/tool-annotate.svg';
+import toolBidirectional from './../../assets/icons/tool-bidirectional.svg';
+import toolElipse from './../../assets/icons/tool-elipse.svg';
+import toolLength from './../../assets/icons/tool-length.svg';
 
 const ICONS = {
   'arrow-down': arrowDown,
@@ -59,6 +63,10 @@ const ICONS = {
   'tool-more-menu': toolMore,
   'tool-move': toolMove,
   'tool-window-level': toolWindow,
+  'tool-annotate': toolAnnotate,
+  'tool-bidirectional': toolBidirectional,
+  'tool-elipse': toolElipse,
+  'tool-length': toolLength,
 };
 
 /**

platform/ui/src/components/SidePanel/SidePanel.jsx

@@ -68,7 +68,7 @@ const SidePanel = ({
             onClick={() => {
               setIsOpen(false);
             }}
-            className="flex flex-row items-center border-b-2 w-100 border-secondary-main h-12"
+            className="flex flex-row items-center border-b-2 border-secondary-main h-12"
           >
             <Icon
               name={openIconName[side]}

platform/ui/src/components/SidePanel/SidePanel.mdx

@@ -18,7 +18,10 @@ import { SidePanel } from '@ohif/ui';
 ## Basic usage
 
 <Playground>
-  <div className="flex flex-row flex-no-wrap flex-1 items-stretch overflow-hidden w-full" style={{height: '500px'}}>
+  <div
+    className="flex flex-row flex-no-wrap flex-1 items-stretch overflow-hidden w-full"
+    style={{ height: '500px' }}
+  >
     <SidePanel
       side="left"
       iconName="group-layers"
@@ -28,7 +31,7 @@ import { SidePanel } from '@ohif/ui';
     >
       <div className="flex justify-center text-white p-2">panel content</div>
     </SidePanel>
-    <div className="flex flex-1 h-100 overflow-hidden w-100 bg-primary-main items-center justify-center text-white">
+    <div className="flex flex-1 h-100 overflow-hidden bg-primary-main items-center justify-center text-white">
       CONTENT
     </div>
   </div>