feat(v2): style up sidebar

2025-07-24 12:07:58 +02:00 · 2018-10-15 23:04:06 -07:00 · 2018-10-15 23:04:06 -07:00 · e0d96a4b38
commit e0d96a4b38
parent 0e78eff1a7
6 changed files with 69 additions and 45 deletions
--- a/v2/lib/theme/Doc/index.js
+++ b/v2/lib/theme/Doc/index.js
@ -0,0 +1,58 @@
+/* eslint-disable */
+import React from 'react';
+import {Link} from 'react-router-dom';
+import Helmet from 'react-helmet';
+
+import DocsPaginator from '@theme/DocsPaginator'; // eslint-disable-line
+import Footer from '@theme/Footer'; // eslint-disable-line
+import Sidebar from '@theme/Sidebar'; // eslint-disable-line
+
+import styles from './styles.css';
+
+class Doc extends React.Component {
+  render() {
+    const {
+      docsMetadatas,
+      docsSidebars,
+      location,
+      metadata,
+      pagesMetadatas,
+      siteConfig,
+      route,
+    } = this.props;
+    const {language, version} = metadata;
+    return (
+      <div>
+        <Helmet>
+          <title>{(metadata && metadata.title) || siteConfig.title}</title>
+          {language && <html lang={language} />}
+          {language && <meta name="docsearch:language" content={language} />}
+          {version && <meta name="docsearch:version" content={version} />}
+        </Helmet>
+        <Sidebar
+          docsMetadatas={docsMetadatas}
+          docsSidebars={docsSidebars}
+          metadata={metadata}
+        />
+        <div className={styles.mainContainer}>
+          <div className={styles.docContainer}>
+            <div className={styles.docContent}>{this.props.children}</div>
+            <div className={styles.paginatorContainer}>
+              <DocsPaginator
+                docsMetadatas={docsMetadatas}
+                metadata={metadata}
+              />
+            </div>
+          </div>
+          <Footer
+            docsMetadatas={docsMetadatas}
+            location={location}
+            pagesMetadatas={pagesMetadatas}
+          />
+        </div>
+      </div>
+    );
+  }
+}
+
+export default Doc;