Add antiTracking, adBlocking and smartBlocking tracker counts to Cliq…

…z feature buttons

app/panel/components/BuildingBlocks/CliqzFeature.jsx

@@ -51,10 +51,10 @@ class CliqzFeature extends React.Component {
 	}
 
 	_getStatus(active) {
-		const { current_theme } = this.props;
+		const { current_theme, trackerCount } = this.props;
 		switch (current_theme) {
 			case 'palm-theme':
-				return active ? t('on') : (<div className="rectangle" />);
+				return active ? (<span>{trackerCount}</span>) : (<div className="rectangle" />);
 			default:
 				return active ? t('on') : t('off');
 		}
@@ -124,7 +124,6 @@ class CliqzFeature extends React.Component {
 			isTooltipHeader,
 			tooltipPosition,
 			type,
-			current_theme,
 		} = this.props;
 
 		const cliqzFeatureClassNames = ClassNames('CliqzFeature', {

app/panel/components/Summary.jsx

@@ -624,6 +624,7 @@ class Summary extends React.Component {
 			enable_anti_tracking,
 			is_expert,
 			current_theme,
+			antiTracking,
 		} = this.props;
 		const isCondensed = this._isCondensed();
 
@@ -640,6 +641,7 @@ class Summary extends React.Component {
 					isTooltipBody={!isCondensed}
 					tooltipPosition={isCondensed ? 'right' : is_expert ? 'top top-right' : 'top'}
 					current_theme={current_theme}
+					trackerCount={antiTracking.trackerCount}
 				/>
 			</div>
 		);
@@ -650,6 +652,7 @@ class Summary extends React.Component {
 			enable_ad_block,
 			is_expert,
 			current_theme,
+			adBlock,
 		} = this.props;
 		const isCondensed = this._isCondensed();
 
@@ -666,6 +669,7 @@ class Summary extends React.Component {
 					isTooltipBody={!isCondensed}
 					tooltipPosition={isCondensed ? 'right' : 'top'}
 					current_theme={current_theme}
+					trackerCount={adBlock.trackerCount}
 				/>
 			</div>
 		);
@@ -676,6 +680,7 @@ class Summary extends React.Component {
 			enable_smart_block,
 			is_expert,
 			current_theme,
+			smartBlock
 		} = this.props;
 		const isCondensed = this._isCondensed();
 
@@ -692,6 +697,7 @@ class Summary extends React.Component {
 					isTooltipBody={!isCondensed}
 					tooltipPosition={isCondensed ? 'right' : is_expert ? 'top top-left' : 'top'}
 					current_theme={current_theme}
+					trackerCount={Object.keys(smartBlock.blocked).length}
 				/>
 			</div>
 		);