From 112429676a36fd88aed3e0558faf23ecb4a678ac Mon Sep 17 00:00:00 2001
From: jackyzha0 <j.zhao2k19@gmail.com>
Date: Thu, 17 Sep 2020 00:24:49 -0700
Subject: set default for md and latex to renderer, add title and description
 setting in pasteview

---
 frontend/package.json                | 1 +
 frontend/src/components/ViewPaste.js | 8 +++++++-
 frontend/yarn.lock                   | 9 ++++++++-
 3 files changed, 16 insertions(+), 2 deletions(-)

(limited to 'frontend')

diff --git a/frontend/package.json b/frontend/package.json
index bb22f64..9d0f4dc 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -17,6 +17,7 @@
     "react-dropdown": "^1.7.0",
     "react-katex": "^2.0.2",
     "react-markdown": "^4.3.1",
+    "react-meta-tags": "^0.7.4",
     "react-modal": "^3.11.2",
     "react-render-html": "^0.6.0",
     "react-router-dom": "^5.2.0",
diff --git a/frontend/src/components/ViewPaste.js b/frontend/src/components/ViewPaste.js
index 179321b..b2e1ba5 100644
--- a/frontend/src/components/ViewPaste.js
+++ b/frontend/src/components/ViewPaste.js
@@ -7,6 +7,7 @@ import PasswordModal from './modals/PasswordModal'
 import { FetchPaste, FetchPasswordPaste } from '../helpers/httpHelper'
 import { LANGS } from './renderers/Code'
 import RenderDispatch from './renderers/RenderDispatch'
+import MetaTags from 'react-meta-tags';
 
 function fmtDateStr(dateString) {
     const d = new Date(dateString)
@@ -22,7 +23,7 @@ const ViewPaste = (props) => {
     const [validPass, setValidPass] = useState(false);
     const [expiry, setExpiry] = useState('');
     const [theme, setTheme] = useState('atom');
-    const [isRenderMode, setIsRenderMode] = useState(false);
+    const [isRenderMode, setIsRenderMode] = useState(true);
     const [language, setLanguage] = useState(LANGS.raw);
 
     const ErrorLabelRef = useRef(null);
@@ -54,6 +55,7 @@ const ViewPaste = (props) => {
     }
 
     function setStateFromData(data) {
+        document.title = data.title
         setTitle(data.title)
         setContent(data.content)
         setLanguage(data.language)
@@ -114,6 +116,10 @@ const ViewPaste = (props) => {
 
     return (
         <div>
+            <MetaTags>
+                <meta name="description" content={`${language}, expires ${expiry}. hosted on ctrl-v`} />
+                <meta property="og:title" content={title} />
+            </MetaTags>
             <PasswordModal
                 hasPass={hasPass}
                 validPass={validPass}
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 014ea63..27c4c85 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -9017,7 +9017,7 @@ prompts@^2.0.1:
     kleur "^3.0.3"
     sisteransi "^1.0.4"
 
-prop-types@^15.5.10, prop-types@^15.6.2, prop-types@^15.7.2:
+prop-types@^15.5.10, prop-types@^15.6.0, prop-types@^15.6.2, prop-types@^15.7.2:
   version "15.7.2"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5"
   integrity sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==
@@ -9354,6 +9354,13 @@ react-markdown@^4.3.1:
     unist-util-visit "^1.3.0"
     xtend "^4.0.1"
 
+react-meta-tags@^0.7.4:
+  version "0.7.4"
+  resolved "https://registry.yarnpkg.com/react-meta-tags/-/react-meta-tags-0.7.4.tgz#c506b453e7f89e006d8053afcf47a1f747240e43"
+  integrity sha512-ZSnZeEx+OVE5x6EK9oX6Qg3yGCCcxbnscQGu6S+ewglIi38KqEspcAgShggFSOZd5+5jgQB91OiRA+GX7zbrOA==
+  dependencies:
+    prop-types "^15.6.0"
+
 react-modal@^3.11.2:
   version "3.11.2"
   resolved "https://registry.yarnpkg.com/react-modal/-/react-modal-3.11.2.tgz#bad911976d4add31aa30dba8a41d11e21c4ac8a4"
-- 
cgit v1.2.3