diff options
| author | Jacky Zhao <[email protected]> | 2020-09-17 00:31:18 -0700 |
|---|---|---|
| committer | GitHub <[email protected]> | 2020-09-17 00:31:18 -0700 |
| commit | c7edce043511660117dfd17f2c32d21cb3dd5889 (patch) | |
| tree | 50bac163e56558325422f2b0342804a10d59a9a2 | |
| parent | Merge pull request #58 from jackyzha0/patch (diff) | |
| parent | set default for md and latex to renderer, add title and description setting i... (diff) | |
| download | ctrl-v-c7edce043511660117dfd17f2c32d21cb3dd5889.tar.xz ctrl-v-c7edce043511660117dfd17f2c32d21cb3dd5889.zip | |
Merge pull request #59 from jackyzha0/patch-qol
QOL Improvements
| -rw-r--r-- | frontend/package.json | 1 | ||||
| -rw-r--r-- | frontend/src/components/ViewPaste.js | 8 | ||||
| -rw-r--r-- | frontend/yarn.lock | 9 |
3 files changed, 16 insertions, 2 deletions
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" |