refactor: remove the "Find out more" link

Author: andreishket

vis/js/components/Toolbar.tsx

@@ -1,5 +1,4 @@
 // @ts-nocheck
-
 import React from "react";
 import { connect } from "react-redux";
 import ScaleToolbar from "../templates/ScaleToolbar";
@@ -14,8 +13,7 @@ const Toolbar = ({
   scaleBaseUnit,
   scaleValue,
   showCredit,
-  onInfoClick,
-  onScaleChange
+  onScaleChange,
 }) => {
   if (showScaleToolbar) {
     const handleScaleChange = (newScaleBy: string) => {
@@ -34,7 +32,6 @@ const Toolbar = ({
           explanations={scaleExplanations}
           value={scaleValue}
           showCredit={showCredit}
-          onInfoClick={onInfoClick}
           onChange={handleScaleChange}
         />
       </div>
@@ -55,7 +52,6 @@ const mapStateToProps = (state) => ({
 });
 
 const mapDispatchToProps = (dispatch) => ({
-  onInfoClick: () => dispatch(openInfoModal()),
   onScaleChange: (value, baseUnit, contentBased, sort) =>
     dispatch(scaleMap(value, baseUnit, contentBased, sort)),
 });

vis/js/templates/ScaleToolbar.tsx

@@ -13,7 +13,6 @@ const ScaleToolbar = ({
   explanations,
   showCredit,
   onChange,
-  onInfoClick,
 }) => {
   const localization = useLocalizationContext();
   const { trackEvent } = useMatomo();
@@ -22,12 +21,6 @@ const ScaleToolbar = ({
     trackEvent("Added components", "Rescale map", labels[id]);
   };
 
-  const handleInfoClick = (event) => {
-    event.preventDefault();
-    onInfoClick();
-    trackEvent("Added components", "Open more info modal", "Toolbar");
-  };
-
   return (
     <div className="scale-toolbar btn-group dropup">
       <div className="dropdown">
@@ -36,20 +29,31 @@ const ScaleToolbar = ({
           noCaret
           title={
             <>
-              <span style={{
-                maxWidth: '100%',
-                display: 'flex',
-                justifyContent: 'center',
-                alignItems: 'center'
-              }}>
+              <span
+                style={{
+                  maxWidth: "100%",
+                  display: "flex",
+                  justifyContent: "center",
+                  alignItems: "center",
+                }}
+              >
                 <span>{localization.scale_by_label}</span>
-                <span id="curr-filter-type" className="truncate-text" style={{
-                  minWidth: '0px',
-                  marginLeft: "3px"
-                }}>{labels[value]}</span>
-                <i className="fas fa-chevron-down chevron" style={{
-                  marginLeft: "3px",
-                }}/>
+                <span
+                  id="curr-filter-type"
+                  className="truncate-text"
+                  style={{
+                    minWidth: "0px",
+                    marginLeft: "3px",
+                  }}
+                >
+                  {labels[value]}
+                </span>
+                <i
+                  className="fas fa-chevron-down chevron"
+                  style={{
+                    marginLeft: "3px",
+                  }}
+                />
               </span>
             </>
           }
@@ -69,14 +73,6 @@ const ScaleToolbar = ({
       </div>
       <div className="context-scale-toolbar">
         <span id="curr-scale-explanation">{explanations[value]}</span>
-        <a
-          id="infolink"
-          className="scale-infolink"
-          onClick={handleInfoClick}
-          href="#"
-        >
-          {localization.scale_by_infolink_label}
-        </a>
       </div>
       {showCredit && (
         <div id="credit">