From b0a4670b2dafd88c070af0ff6ff9ca13fb48047a Mon Sep 17 00:00:00 2001
From: nickhsine <nickhsine97753017@gmail.com>
Date: Wed, 2 Oct 2019 15:27:17 +0800
Subject: [PATCH] [react-components] table-of-contents: add `id` attribute in
 the anchor

---
 packages/react-components/CHANGELOG.md                   | 6 ++++++
 packages/react-components/package.json                   | 2 +-
 packages/react-components/src/table-of-contents/index.js | 4 ++--
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/react-components/CHANGELOG.md b/packages/react-components/CHANGELOG.md
index 33d91fae9..034f5b4c2 100644
--- 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
index 4ce22abb6..b66c17d96 100644
--- 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
index d3fc98723..ae3741982 100644
--- 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>