From 6cd84dfa2773f5a8b6de82262d8ee69be542cc4c Mon Sep 17 00:00:00 2001
From: dannyrb <danny.ri.brown@gmail.com>
Date: Tue, 28 May 2019 14:51:29 -0400
Subject: [PATCH] Use new icon logic

---
 .../ConnectedPluginSwitch.js                  | 21 ++++++++-----------
 1 file changed, 9 insertions(+), 12 deletions(-)

diff --git a/src/connectedComponents/ConnectedPluginSwitch.js b/src/connectedComponents/ConnectedPluginSwitch.js
index 1b22767a4..9a1442efe 100644
--- a/src/connectedComponents/ConnectedPluginSwitch.js
+++ b/src/connectedComponents/ConnectedPluginSwitch.js
@@ -36,14 +36,13 @@ const mergeProps = (propsFromState, propsFromDispatch, ownProps) => {
 
   // TODO: Do not display certain options if the current display set
   // cannot be displayed using these view types
-  const Icons = `${window.config.routerBasename}/icons.svg`.replace('//', '/')
   const buttons = [
     {
       text: 'Acquired',
       type: 'command',
-      iconClasses: 'fa fa-bars',
+      icon: 'bars',
       active: false,
-      onClick: click => {
+      onClick: () => {
         console.warn('Original Acquisition')
 
         const layoutData = setSingleLayoutData(
@@ -57,10 +56,9 @@ const mergeProps = (propsFromState, propsFromDispatch, ownProps) => {
     },
     {
       text: 'Axial',
-      svgUrl: `${Icons}#cube`,
-      svgClasses: 'icon-rotate-120',
+      icon: 'cube',
       active: false,
-      onClick: click => {
+      onClick: () => {
         console.warn('Axial')
         const data = {
           plugin: 'vtk',
@@ -81,9 +79,9 @@ const mergeProps = (propsFromState, propsFromDispatch, ownProps) => {
     },
     {
       text: 'Sagittal',
-      svgUrl: `${Icons}#cube`,
+      icon: 'cube',
       active: false,
-      onClick: click => {
+      onClick: () => {
         console.warn('Sagittal')
         const data = {
           plugin: 'vtk',
@@ -104,10 +102,9 @@ const mergeProps = (propsFromState, propsFromDispatch, ownProps) => {
     },
     {
       text: 'Coronal',
-      svgUrl: `${Icons}#cube`,
-      svgClasses: 'fa-rotate-90 fa-flip-horizontal',
+      icon: 'cube',
       active: false,
-      onClick: click => {
+      onClick: () => {
         console.warn('Coronal')
         const data = {
           plugin: 'vtk',
@@ -128,7 +125,7 @@ const mergeProps = (propsFromState, propsFromDispatch, ownProps) => {
     },
     /*{
       text: '3D',
-      svgUrl: `${Icons}#cube`,
+      icon: `${Icons}#cube`,
       onClick: (click) => {
         console.warn('3D Perspective');
         const data = {