[site/MDX,slug][m]: added 'Edit this page' option

life-itself · May 12, 2022 · eb16e1b · eb16e1b
1 parent 979815a
commit eb16e1b
Show file tree

Hide file tree

Showing 4 changed files with 5,911 additions and 143 deletions.
diff --git a/site/components/MDX.js b/site/components/MDX.js
@@ -7,9 +7,9 @@ const components = {
   p: Paragraph
 }
 
-export default function MdxPage({ children }) {
+export default function MdxPage({ children, editUrl }) {
   const { Component, frontmatter } = children
-  
+
   let podcastEmbed
 
   if (frontmatter.podcast && frontmatter.podcast.includes("life-itself")) {
@@ -24,7 +24,7 @@ export default function MdxPage({ children }) {
   return (
     <article className="prose dark:prose-invert mx-auto p-6">
       <header>
-        <div className="mb-6">
+        <div className="my-6">
           {frontmatter.title && <h1 className="mb-0">{frontmatter.title}</h1>}
           {frontmatter.authors && (
             <div className="-mt-6">
@@ -74,7 +74,20 @@ export default function MdxPage({ children }) {
         </div>
       </header>
       <main>
-        <Component components={components} />
+        <div className="my-6">
+          <Component components={components} />
+        </div>
+        {editUrl && (
+          <div className='mt-12 mb-6'>
+            <a className="flex no-underline font-semibold text-yellow-li" href={editUrl} target="_blank">
+              Edit this page
+              <span className="mx-1">
+                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+                  <path stroke-linecap="round" stroke-linejoin="round" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
+                </svg>
+              </span>
+            </a>
+          </div>)}
       </main>
     </article>
   );

diff --git a/site/config/siteConfig.js b/site/config/siteConfig.js
@@ -3,6 +3,8 @@ import Logo from "../public/img/life-itself-logo.svg"
 const siteConfig = {
   title: "Making Sense of Crypto and Web3",
   url: "https://web3.lifeitself.us",
+  repoRoot: "https://github.com/life-itself/web3",
+  repoEditPath: "/edit/main/",
   tagline: "",
   description:
   "Introductions to key concepts and ideas in crypto and web3. Plus in-depth evaluation of its potential impact.",