1 files changed, 16 insertions, 1 deletions
diff --git a/frontend/src/components/ViewPaste.js b/frontend/src/components/ViewPaste.js
index 914f94c..00348a5 100644
--- a/frontend/src/components/ViewPaste.js
+++ b/frontend/src/components/ViewPaste.js
@@ -21,11 +21,13 @@ class ViewPaste extends React.Component {
             error: '',
             passError: '',
             theme: 'atom',
+            inRenderMode: false,
             language: LANGS.raw,
         };
 
         this.handleChange = this.handleChange.bind(this);
         this.typedPass = this.typedPass.bind(this);
+        this.toggleRender = this.toggleRender.bind(this);
         this.validatePass = this.validatePass.bind(this);
         this.ErrorLabel = React.createRef();
         this.PasswordModal = React.createRef();
@@ -45,6 +47,10 @@ class ViewPaste extends React.Component {
         this.setState({ enteredPass: event.target.value });
     }
 
+    toggleRender() {
+        this.setState({ isRenderMode: !this.state.isRenderMode });
+    }
+
     validatePass(pass) {
         FetchPasswordPaste(this.props.hash, pass)
             .then((response) => {
@@ -73,6 +79,12 @@ class ViewPaste extends React.Component {
     }
 
     render() {
+
+        // var display
+        // if (this.state.isRenderMode) {
+            
+        // }
+
         return (
             <div>
                 <PasswordModal
@@ -96,10 +108,13 @@ class ViewPaste extends React.Component {
                     hash={this.props.hash}
                     lang={this.state.language}
                     theme={this.state.theme}
+                    expiry={this.state.expiry}
+                    toggleRenderCallback={this.toggleRender}
+                    isRenderMode={this.state.isRenderMode}
                     onChange={this.handleChange}
                     compref={this.componentRef}
                     err={<Error ref={this.ErrorLabel} />}
-                    expiry={this.state.expiry} />
+                />
             </div>
         );
     }