Merge pull request #75 from ethereum/edit-link

Add "Edit page" button to desktop ToC

Author: wackerow

src/layouts/Static.tsx

@@ -14,6 +14,7 @@ import UpcomingEventsList from "@/components/UpcomingEventsList"
 
 import { isLangRightToLeft } from "@/lib/utils/translations"
 import { getLocaleTimestamp } from "@/lib/utils/time"
+import { CONTENT_DIR } from "@/lib/constants"
 
 import type { ChildOnlyProp, Lang } from "@/lib/types"
 import type { MdPageContent, StaticFrontmatter } from "@/lib/interfaces"
@@ -71,6 +72,12 @@ export const StaticLayout: React.FC<IProps> = ({
   const { locale } = useRouter()
   const isRightToLeft = isLangRightToLeft(frontmatter.lang as Lang)
 
+  const repo =
+    process.env.NEXT_PUBLIC_GITHUB_REPO ||
+    "ethereum/ethereum-org-website"
+  const baseEditPath = `https://github.com/${repo}/tree/dev/${CONTENT_DIR}/`
+  const absoluteEditPath = baseEditPath + slug + "index.md"
+
   return (
     <Box w="full" ml={2}>
       <Flex
@@ -114,7 +121,6 @@ export const StaticLayout: React.FC<IProps> = ({
           <TableOfContents
             position="relative"
             zIndex={2}
-            // editPath={absoluteEditPath}
             items={tocItems}
             isMobile
             maxDepth={frontmatter.sidebarDepth || 2}
@@ -125,7 +131,7 @@ export const StaticLayout: React.FC<IProps> = ({
           <FeedbackCard isArticle />
         </Box>
         <TableOfContents
-          // editPath={absoluteEditPath}
+          editPath={absoluteEditPath}
           items={tocItems}
           maxDepth={frontmatter.sidebarDepth || 2}
           hideEditButton={!!frontmatter.hideEditButton}