Half of original implementation complete

app/panel/components/Blocking.jsx

@@ -281,6 +281,7 @@ class Blocking extends React.Component {
 		const {
 			actions,
 			categories,
+			antiTracking,
 			expand_all_trackers,
 			is_expanded,
 			language,
@@ -324,6 +325,7 @@ class Blocking extends React.Component {
 								language={language}
 								smartBlockActive={smartBlockActive}
 								smartBlock={smartBlock}
+								antiTracking={antiTracking}
 							/>
 						}
 					</div>

app/panel/components/Blocking/Categories.jsx

@@ -29,7 +29,8 @@ class Categories extends React.Component {
 	* @return {ReactComponent}   ReactComponent instance
 	*/
 	render() {
-		const { categories, expandAll } = this.props;
+		const { categories, expandAll, antiTracking } = this.props;
+		console.log(categories, antiTracking)
 		const globalBlocking = !!this.props.globalBlocking;
 		const filtered = !!this.props.filtered;
 		const categoryList = categories.map((cat, index) => (
@@ -50,7 +51,12 @@ class Categories extends React.Component {
 				smartBlock={this.props.smartBlock}
 			/>
 		));
-		return <div className="scroll-content">{ categoryList }</div>;
+		return (
+			<div className="scroll-content">
+				{categoryList}
+				{antiTracking && <div />}
+			</div>
+		);
 	}
 }
 

app/panel/components/BuildingBlocks/DonutGraph.jsx

@@ -333,7 +333,12 @@ class DonutGraph extends React.Component {
 	 * @return {JSX} JSX for rendering the donut-graph portion of the Summary View
 	 */
 	render() {
-		const { isSmall, totalCount, antiTracking } = this.props;
+		const {
+			isSmall,
+			categories,
+			antiTracking,
+			totalCount,
+		} = this.props;
 		const componentClasses = ClassNames('sub-component', 'donut-graph', {
 			small: isSmall,
 			big: !isSmall,
@@ -342,7 +347,7 @@ class DonutGraph extends React.Component {
 		return (
 			<div className={componentClasses}>
 				<div className="tooltip-container">
-					{this.props.categories.map(cat => (
+					{categories.map(cat => (
 						<span key={cat.id} id={`${cat.id}_tooltip`} className="tooltip top">
 							{cat.name}
 						</span>

app/panel/containers/BlockingContainer.js

@@ -34,6 +34,7 @@ const mapStateToProps = state => Object.assign({}, state.blocking, {
 	sitePolicy: state.summary.sitePolicy,
 	smartBlockActive: state.panel.enable_smart_block,
 	smartBlock: state.panel.smartBlock,
+	antiTracking: state.summary.antiTracking,
 });
 /**
  * Bind Blocking view component action creators using Redux's bindActionCreators