Add divider in summary

1 files changed, 7 insertions, 4 deletions

diff --git a/packages/gitbook-plugin-theme-default/src/components/Summary.js b/packages/gitbook-plugin-theme-default/src/components/Summary.js
index ef6ab3f..9109fdc 100644
--- a/packages/gitbook-plugin-theme-default/src/components/Summary.js
+++ b/packages/gitbook-plugin-theme-default/src/components/Summary.js
@@ -51,14 +51,17 @@ const SummaryArticles = React.createClass({
 
 const SummaryPart = React.createClass({
     propTypes: {
-        part: GitBook.PropTypes.SummaryPart
+        part:  GitBook.PropTypes.SummaryPart,
+        first: React.PropTypes.bool
     },
 
     render() {
-        const { part } = this.props;
+        const { part, first } = this.props;
         const { title, articles } = part;
 
-        const titleEL = title ? <h2 className="SummaryPart-Title">{title}</h2> : null;
+        const titleEL = title ? (
+            <h2 className="SummaryPart-Title">{title}</h2>
+        ) : (first ? null : <hr className="SummaryPart-Divider" />);
 
         return (
             <GitBook.InjectedComponent matching={{ role: 'summary:part' }} props={this.props}>
@@ -82,7 +85,7 @@ const SummaryParts = React.createClass({
         return (
             <GitBook.InjectedComponent matching={{ role: 'summary:parts' }} props={this.props}>
                 <div className="SummaryParts">
-                    {parts.map((part, i) => <SummaryPart key={i} part={part} />)}
+                    {parts.map((part, i) => <SummaryPart key={i} part={part} first={i == 0} />)}
                 </div>
             </GitBook.InjectedComponent>
         );