matomo text

apps/remix-ide/src/app/tabs/locales/en/settings.json

@@ -6,10 +6,11 @@
   "settings.generateContractMetadataTooltip": "Generate a JSON file in the contract folder. Allows to specify library addresses the contract depends on. If nothing is specified, Remix deploys libraries automatically.",
   "settings.ethereunVMText": "Always use the Remix VM at load",
   "settings.wordWrapText": "Word wrap in editor",
-  "settings.useAutoCompleteText": "Enable code completion in editor.",
-  "settings.useShowGasInEditorText": "Display gas estimates in editor.",
-  "settings.displayErrorsText": "Display errors in editor while typing.",
-  "settings.matomoAnalytics": "Enable Matomo Analytics. We do not collect personally identifiable information (PII). The info is used to improve the site’s UX & UI. See more about ",
+  "settings.useAutoCompleteText": "Enable code completion in editor",
+  "settings.useShowGasInEditorText": "Display gas estimates in editor",
+  "settings.displayErrorsText": "Display errors in editor while typing",
+  "settings.matomoAnalytics": "Enable Matomo Analytics. See",
+  "settings.matomoAnalyticsTooltip": "We do not collect personally identifiable information (PII). The info is used to improve the site’s UX & UI.",
   "settings.enablePersonalModeText": " Enable Personal Mode for web3 provider",
   "settings.enablePersonalModeTooltip": "Transaction sent over Web3 will use the web3.personal API. Be sure the endpoint is opened before enabling it.  This mode allows a user to provide a passphrase in the Remix interface without having to unlock the account. Although this is very convenient, you should completely trust the backend you are connected to (Geth, Parity, ...). Remix never persists any passphrase",
   "settings.gitAccessTokenTitle": "Github Credentials",

libs/remix-ui/settings/src/lib/remix-ui-settings.tsx

@@ -254,7 +254,7 @@ export const RemixUiSettings = (props: RemixUiSettingsProps) => {
                 tooltipId="settings-tooltip-metadata"
                 tooltipText={intl.formatMessage({ id: 'settings.generateContractMetadataTooltip' })}
               >
-                <i className="ml-2 fas fa-info-circle"></i>
+                <i className="ml-1 fas fa-info-circle"></i>
               </CustomTooltip>
             </label>
           </div>
@@ -311,7 +311,7 @@ export const RemixUiSettings = (props: RemixUiSettingsProps) => {
                 tooltipId="settings-tooltip-personalMode"
                 tooltipText={intl.formatMessage({ id: 'settings.enablePersonalModeTooltip' })}
               >
-                <i className="ml-2 fas fa-info-circle"></i>
+                <i className="ml-1 fas fa-info-circle"></i>
               </CustomTooltip>
             </label>
           </div>
@@ -321,7 +321,7 @@ export const RemixUiSettings = (props: RemixUiSettingsProps) => {
               <span>
                 <FormattedMessage id="settings.matomoAnalytics" />
               </span>
-              <a href="https://medium.com/p/66ef69e14931/" target="_blank">
+              <a href="https://medium.com/remix-ide/help-us-improve-remix-ide-66ef69e14931" target="_blank">
                 {' '}
                 <FormattedMessage id="settings.analyticsInRemix" />
               </a>{' '}
@@ -329,6 +329,13 @@ export const RemixUiSettings = (props: RemixUiSettingsProps) => {
               <a target="_blank" href="https://matomo.org/free-software">
                 Matomo
               </a>
+              <CustomTooltip
+                placement="auto"
+                tooltipId="settings-tooltip-matomo"
+                tooltipText={intl.formatMessage({ id: 'settings.matomoAnalyticsTooltip' })}
+              >
+                <i className="ml-1 fas fa-info-circle"></i>
+              </CustomTooltip>
             </label>
           </div>
           <div className="custom-control custom-checkbox mb-1">