diff --git a/app/components/file-preview/component.js b/app/components/file-preview/component.js
index 2049459..8ce3c68 100644
--- a/app/components/file-preview/component.js
+++ b/app/components/file-preview/component.js
@@ -1,9 +1,10 @@
 import Component from '@ember/component';
+import { inject as service } from '@ember/service';
 import { alias } from '@ember/object/computed';
 
 export default Component.extend({
 
-  storage: null,
+  storage: service(),
 
   classNames: ['file-preview'],
 
@@ -11,6 +12,7 @@ export default Component.extend({
   fileContent: null,
   objectURL: null,
   metaData: null,
+  jsonView: null,
   type: alias('metaData.type'),
   isBinary: alias('metaData.isBinary'),
 
diff --git a/app/templates/inspect.hbs b/app/templates/inspect.hbs
index 55f9ce6..3965205 100644
--- a/app/templates/inspect.hbs
+++ b/app/templates/inspect.hbs
@@ -14,7 +14,10 @@
 <div class="inspect-details">
   <section class="content">
     {{file-preview metaData=model.documentMetaData
-                   storage=storage}}
+                   documentIsJSON=documentIsJSON
+                   jsonView=jsonView
+                   showJsonTree=showJsonTree
+                   showJsonSource=showJsonSource}}
   </section>
   <section class="meta">
     <dl>