Use siteConfig properties inside Example pages (#497)

Replace hardcoded values inside "footer", "help" and "users" with properties from siteConfig. Fixes #488
facebook · Mar 16, 2018 · 37c699e · 37c699e
1 parent ad94258
commit 37c699e
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 8 deletions.
diff --git a/examples/basics/core/Footer.js b/examples/basics/core/Footer.js
@@ -88,9 +88,7 @@ class Footer extends React.Component {
             height="45"
           />
         </a>
-        <section className="copyright">
-          Copyright &copy; {currentYear} Facebook Inc.
-        </section>
+        <section className="copyright">{this.props.config.copyright}</section>
       </footer>
     );
   }

diff --git a/examples/basics/pages/en/help.js b/examples/basics/pages/en/help.js
@@ -13,12 +13,19 @@ const GridBlock = CompLibrary.GridBlock;
 
 const siteConfig = require(process.cwd() + '/siteConfig.js');
 
+function docUrl(doc, language) {
+  return siteConfig.baseUrl + 'docs/' + (language ? language + '/' : '') + doc;
+}
+
 class Help extends React.Component {
   render() {
+    let language = this.props.language || '';
     const supportLinks = [
       {
-        content:
-          'Learn more using the [documentation on this site.](/test-site/docs/en/doc1.html)',
+        content: `Learn more using the [documentation on this site.](${docUrl(
+          'doc1.html',
+          language
+        )})`,
         title: 'Browse Docs',
       },
       {

diff --git a/examples/basics/pages/en/users.js b/examples/basics/pages/en/users.js
@@ -17,6 +17,7 @@ class Users extends React.Component {
     if ((siteConfig.users || []).length === 0) {
       return null;
     }
+    const editUrl = siteConfig.repoUrl + '/edit/master/website/siteConfig.js';
     const showcase = siteConfig.users.map((user, i) => {
       return (
         <a href={user.infoLink} key={i}>
@@ -35,9 +36,7 @@ class Users extends React.Component {
             </div>
             <div className="logos">{showcase}</div>
             <p>Are you using this project?</p>
-            <a
-              href="https://github.com/facebook/docusaurus/edit/master/website/siteConfig.js"
-              className="button">
+            <a href={editUrl} className="button">
               Add your company
             </a>
           </div>