From ba20f0123e7af222d8866662f1ccbf7eebdde552 Mon Sep 17 00:00:00 2001
From: jackyzha0 <j.zhao2k19@gmail.com>
Date: Thu, 3 Sep 2020 23:02:39 -0700
Subject: fix finddomnode deprecated in dropdown

---
 frontend/src/components/Inputs.js         | 1 -
 frontend/src/components/ViewPaste.js      | 2 --
 frontend/src/components/renderers/Code.js | 1 -
 3 files changed, 4 deletions(-)

(limited to 'frontend/src/components')

diff --git a/frontend/src/components/Inputs.js b/frontend/src/components/Inputs.js
index a9b08b7..d22e23f 100644
--- a/frontend/src/components/Inputs.js
+++ b/frontend/src/components/Inputs.js
@@ -118,7 +118,6 @@ const GenericDropdown = (props) => {
             <Dropdown
                 options={props.options}
                 onChange={_onSelect}
-                callBackRef={props.onChange}
                 value={props.value}
                 placeholder={props.placeholder}
                 id={props.id} />
diff --git a/frontend/src/components/ViewPaste.js b/frontend/src/components/ViewPaste.js
index 2d69544..179321b 100644
--- a/frontend/src/components/ViewPaste.js
+++ b/frontend/src/components/ViewPaste.js
@@ -26,7 +26,6 @@ const ViewPaste = (props) => {
     const [language, setLanguage] = useState(LANGS.raw);
 
     const ErrorLabelRef = useRef(null);
-    const PasswordModalRef = useRef(null);
     const ComponentRef = useRef(null);
 
     function validatePass(pass, onErrorCallBack) {
@@ -116,7 +115,6 @@ const ViewPaste = (props) => {
     return (
         <div>
             <PasswordModal
-                ref={PasswordModalRef}
                 hasPass={hasPass}
                 validPass={validPass}
                 value={enteredPass}
diff --git a/frontend/src/components/renderers/Code.js b/frontend/src/components/renderers/Code.js
index 3dbd544..a312c51 100644
--- a/frontend/src/components/renderers/Code.js
+++ b/frontend/src/components/renderers/Code.js
@@ -64,7 +64,6 @@ const CodeRenderer = React.forwardRef((props, ref) => {
     return (
         <div className="lt-shadow">
             <SyntaxHighlighter
-                ref={ref}
                 language={LANGS[props.lang]}
                 style={THEMES[props.theme]}
                 showLineNumbers
-- 
cgit v1.2.3


From 7d3c054aae8e0003c877f9383fd7398dd6cbab1c Mon Sep 17 00:00:00 2001
From: jackyzha0 <j.zhao2k19@gmail.com>
Date: Thu, 3 Sep 2020 23:13:42 -0700
Subject: fix React does not recognize the  warning by adding extra react
 fragment

---
 frontend/src/components/App.js | 38 +++++++++++++++++++-------------------
 1 file changed, 19 insertions(+), 19 deletions(-)

(limited to 'frontend/src/components')

diff --git a/frontend/src/components/App.js b/frontend/src/components/App.js
index 0a5fb8b..1579ffd 100644
--- a/frontend/src/components/App.js
+++ b/frontend/src/components/App.js
@@ -42,33 +42,33 @@ const App = () => {
   return (
     <Router>
       <Switch>
-        <Route path="/raw/:hash"
-          children={<GetRawWithParam />}
-        />
-        <div className="lt-content-column">
-          <SpacedTitle>
-            <nav>
-              <h1 className="mainLogo">
-                <span role="img" aria-label="clipboard">📋&nbsp;</span>
-                <Link to="/">ctrl-v</Link>
-              </h1>
-              <Desc />
-            </nav>
-          </SpacedTitle>
+        <>
+          <Route path="/raw/:hash"
+            children={<GetRawWithParam />}
+          />
+          <div className="lt-content-column">
+            <SpacedTitle>
+              <nav>
+                <h1 className="mainLogo">
+                  <span role="img" aria-label="clipboard">📋&nbsp;</span>
+                  <Link to="/">ctrl-v</Link>
+                </h1>
+                <Desc />
+              </nav>
+            </SpacedTitle>
 
-          <main id="appElement">
-            <Switch>
+            <main id="appElement">
               <Route path="/:hash"
                 children={<GetPasteWithParam />}
               />
               <Route path="/">
                 <NewPaste />
               </Route>
-            </Switch>
-          </main>
+            </main>
 
-          <Footer />
-        </div>
+            <Footer />
+          </div>
+        </>
       </Switch>
     </Router>
   );
-- 
cgit v1.2.3


From 02d0122d32f436184c62920f91cbc6237def2583 Mon Sep 17 00:00:00 2001
From: jackyzha0 <j.zhao2k19@gmail.com>
Date: Thu, 3 Sep 2020 23:21:51 -0700
Subject: fix computed match warn by adding additional route comp

---
 frontend/src/components/App.js | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

(limited to 'frontend/src/components')

diff --git a/frontend/src/components/App.js b/frontend/src/components/App.js
index 1579ffd..543cd46 100644
--- a/frontend/src/components/App.js
+++ b/frontend/src/components/App.js
@@ -42,10 +42,10 @@ const App = () => {
   return (
     <Router>
       <Switch>
-        <>
-          <Route path="/raw/:hash"
-            children={<GetRawWithParam />}
-          />
+        <Route path="/raw/:hash"
+          children={<GetRawWithParam />}
+        />
+        <Route>
           <div className="lt-content-column">
             <SpacedTitle>
               <nav>
@@ -58,17 +58,19 @@ const App = () => {
             </SpacedTitle>
 
             <main id="appElement">
-              <Route path="/:hash"
-                children={<GetPasteWithParam />}
-              />
-              <Route path="/">
-                <NewPaste />
-              </Route>
+              <Switch>
+                <Route path="/:hash"
+                  children={<GetPasteWithParam />}
+                />
+                <Route path="/">
+                  <NewPaste />
+                </Route>
+              </Switch>
             </main>
 
             <Footer />
           </div>
-        </>
+        </Route>
       </Switch>
     </Router>
   );
-- 
cgit v1.2.3


From 41639f1eb07ca1e9309233e467dbe3dad6423916 Mon Sep 17 00:00:00 2001
From: jackyzha0 <j.zhao2k19@gmail.com>
Date: Thu, 3 Sep 2020 23:32:27 -0700
Subject: add md class to preview renderer

---
 frontend/src/components/NewPaste.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'frontend/src/components')

diff --git a/frontend/src/components/NewPaste.js b/frontend/src/components/NewPaste.js
index 9729655..b276db8 100644
--- a/frontend/src/components/NewPaste.js
+++ b/frontend/src/components/NewPaste.js
@@ -101,7 +101,7 @@ const NewPaste = () =>  {
                     break
                 case 'markdown':
                     preview =
-                        <PreviewWrapper>
+                        <PreviewWrapper className='md' >
                             <Markdown
                                 content={content} />
                         </PreviewWrapper>
-- 
cgit v1.2.3