[react-components] table-of-contents: add id attribute in the anchor

twreporter · Oct 2, 2019 · b0a4670 · b0a4670
1 parent e650ec3
commit b0a4670
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/packages/react-components/CHANGELOG.md b/packages/react-components/CHANGELOG.md
@@ -4,6 +4,12 @@
 
 ## Release
 
+### 8.0.1
+
+#### Table of Contents
+
+- Add `id` attribute in the anchor
+
 ### 8.0.0
 
 #### Bookmark Widget

diff --git a/packages/react-components/package.json b/packages/react-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/react-components",
-  "version": "8.0.0",
+  "version": "8.0.1",
   "main": "lib/index.js",
   "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
   "author": "twreporter <developer@twreporter.org>",

diff --git a/packages/react-components/src/table-of-contents/index.js b/packages/react-components/src/table-of-contents/index.js
@@ -317,7 +317,7 @@ class Anchor extends React.PureComponent {
   }
 
   render() {
-    const { bottomOffset, className, children, topOffset } = this.props
+    const { bottomOffset, className, children, id, topOffset } = this.props
     return (
       // set fireOnRapidScroll=false since we are not using `onEnter` and  `onLeave`
       <Waypoint
@@ -326,7 +326,7 @@ class Anchor extends React.PureComponent {
         onPositionChange={this.handleOnPositionChange}
         fireOnRapidScroll={false}
       >
-        <div className={className} ref={this._ref}>
+        <div id={id} className={className} ref={this._ref}>
           {children}
         </div>
       </Waypoint>