wip on react transition

OHIFViewer/client/components/flexboxLayout/flexboxLayout.html

@@ -4,7 +4,7 @@
             {{> studyBrowser (clone this)}}
         </div>
         <div class="mainContent {{#if leftSidebarOpen}}sidebar-left-open{{/if}} {{#if rightSidebarOpen}}sidebar-right-open{{/if}}">
-            {{> viewerMain (clone this)}}
+            {{> React component=ViewerMain studies=this.studies}}
         </div>
         <div class="sidebarMenu sidebar-right {{#if rightSidebarOpen}}sidebar-open{{/if}}">
             {{> measurementLightTable (clone this)}}

OHIFViewer/client/components/flexboxLayout/flexboxLayout.js

@@ -1,3 +1,5 @@
+import { Viewerbase } from 'meteor/ohif:viewerbase';
+
 Template.flexboxLayout.events({
     'transitionend .sidebarMenu'(event) {
         if (!event.target.classList.contains('sidebarMenu')) {
@@ -15,5 +17,9 @@ Template.flexboxLayout.helpers({
 
     rightSidebarOpen() {
         return Template.instance().data.state.get('rightSidebar');
+    },
+
+    ViewerMain() {
+        return Viewerbase.components.viewer.ViewerMain;
     }
 });