Merge pull request #6079 from brave/pr6060_update_shields_panel_text_1.12.x

Updated shields panel readonly view option's label (uplift to 1.12.x)

Author: kjozwiak

components/brave_extension/extension/brave_extension/_locales/en_US/messages.json

@@ -55,6 +55,10 @@
     "message": "Cross-site trackers blocked",
     "description": "Message for the scripts blocked row label"
   },
+  "readOnlyAdsTrackersBlocking": {
+    "message": "Trackers & ads blocked",
+    "description": "Message for the option in the ads and trackers blocking select field in read only view"
+  },
   "aggressiveAdsTrackersBlocking": {
     "message": "Trackers & ads blocked (aggressive)",
     "description": "Message for the option in the ads and trackers blocking select field to block ads and trackers with aggressive heuristics"
@@ -91,6 +95,10 @@
     "message": "All cookies allowed",
     "description": "Message for the option in the cookies select field to allow all cookies"
   },
+  "readOnlyFingerprinting": {
+    "message": "Fingerprinting blocked",
+    "description": "Message for the option in the fingerprinting field in read only view"
+  },
   "standardFingerprinting": {
     "message": "Fingerprinting blocked (standard)",
     "description": "Message for the option in the fingerprinting select field to block all 3rd party recognition attempts"

components/brave_extension/extension/brave_extension/containers/readOnlyView/controls/adsTrackersControl.tsx

@@ -88,7 +88,7 @@ export default class AdsTrackersControl extends React.PureComponent<Props, State
                 : <ArrowDownIcon />
             }
             <BlockedInfoRowStats>{this.totalAdsTrackersBlockedDisplay}</BlockedInfoRowStats>
-            <BlockedInfoRowText>{getLocale('thirdPartyTrackersBlocked')}</BlockedInfoRowText>
+            <BlockedInfoRowText>{getLocale('readOnlyAdsTrackersBlocking')}</BlockedInfoRowText>
           </BlockedInfoRowData>
         </BlockedInfoRowSummary>
         <BlockedListStatic>

components/brave_extension/extension/brave_extension/containers/readOnlyView/controls/deviceRecognitionControl.tsx

@@ -10,8 +10,8 @@ import {
   ArrowUpIcon,
   ArrowDownIcon,
   BlockedInfoRowStats,
-  BlockedInfoRowForSelectSummary,
-  BlockedInfoRowDataForSelect,
+  BlockedInfoRowSummary,
+  BlockedInfoRowData,
   BlockedListStatic,
   BlockedInfoRowText
 } from '../../../components'
@@ -68,19 +68,17 @@ export default class DeviceRecognitionControl extends React.PureComponent<Props,
     const { fingerprintingBlockedResources } = this.props
     return (
       <BlockedInfoRowDetails>
-        <BlockedInfoRowForSelectSummary onClick={this.triggerOpenDeviceRecognition}>
-          <BlockedInfoRowDataForSelect disabled={this.shouldDisableResourcesRow}>
+        <BlockedInfoRowSummary onClick={this.triggerOpenDeviceRecognition}>
+          <BlockedInfoRowData disabled={this.shouldDisableResourcesRow}>
             {
               deviceRecognitionOpen
                 ? <ArrowUpIcon />
                 : <ArrowDownIcon />
             }
             <BlockedInfoRowStats>{this.totalDeviceRecognitonAttemptsDisplay}</BlockedInfoRowStats>
-            <BlockedInfoRowText>
-              <span>{getLocale('thirdPartyFingerprintingBlocked')}</span>
-            </BlockedInfoRowText>
-          </BlockedInfoRowDataForSelect>
-        </BlockedInfoRowForSelectSummary>
+            <BlockedInfoRowText>{getLocale('readOnlyFingerprinting')}</BlockedInfoRowText>
+          </BlockedInfoRowData>
+        </BlockedInfoRowSummary>
         <BlockedListStatic>
           <StaticResourcesList list={fingerprintingBlockedResources} />
         </BlockedListStatic>