primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2025-01-03 03:34:16 +03:00
Code Issues Projects Releases Wiki Activity

Merge pull request #770 from primer/edit-links

Browse Source 
Add Edit on GitHub links to docs
This commit is contained in:
Emily 2019-04-30 13:46:50 -07:00 committed by GitHub
commit 72d1309ae8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
pages/_app.js
View File

@ -2,7 +2,8 @@ import React from 'react'
import App, {Container} from 'next/app'
import {MDXProvider} from '@mdx-js/tag'
import Head from 'next/head'
import {BaseStyles, BorderBox, Box, Flex, theme} from '@primer/components'
import Octicon, {Pencil} from '@githubprimer/octicons-react'
import {BaseStyles, Link, Text, BorderBox, Box, Flex, theme} from '@primer/components'
import {PackageHeader} from '../docs/components'
import {Header, MarkdownHeading, JumpNav, SideNav} from '@primer/blueprints'
import {NavList} from '@primer/blueprints/next-components'
@ -10,9 +11,13 @@ import getComponents from '../docs/markdown'
import documents from '../searchIndex'
import {config, requirePage, rootPage} from '../docs/utils'
import {CONTENT_MAX_WIDTH} from '../docs/constants'
import {repository} from '../package.json'
import '../src/index.scss'
const DocLink = props => <Link nounderline {...props} />
const editLinkBase = `${repository}/edit/master/pages`
export default class MyApp extends App {
static async getInitialProps({Component, ctx}) {
let page = {}
@ -30,6 +35,7 @@ export default class MyApp extends App {
const {Component, page} = this.props
const node = rootPage.first(node => node.path === pathname) || {}
const {file, meta = {}} = node || {}
const isIndex = file.includes('index')
const components = getComponents(node)
const Hero = file ? requirePage(file).Hero : null
@ -69,6 +75,17 @@ export default class MyApp extends App {
<pre>{JSON.stringify(meta, null, 2)}</pre>
</details>
)}
{pathname && (
<Box color="gray.5" borderColor="gray.2" borderTop={1} my={6} pt={2}>
<Text mr={2}>
<Octicon icon={Pencil} />
</Text>
<DocLink muted href={`${editLinkBase}${pathname}${isIndex ? '/index' : ''}.md`}>
Edit this page
</DocLink>{' '}
on GitHub
</Box>
)}
</div>
</Box>
</Box>