Use new icon logic

This commit is contained in:
dannyrb 2019-05-28 14:51:29 -04:00
parent ac44228b94
commit 6cd84dfa27

View File

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