From b974b9c1f3cae744171f23f8f9a2bfb329d3f7eb Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Tue, 24 Sep 2024 10:28:29 +0200
Subject: [PATCH] same i icon ecerywhere. matomo tracking for token tags

---
 .../src/components/RepoImporter/index.tsx     |  2 +-
 .../src/lib/components/homeTabGetStarted.tsx  | 26 ++++++++++++-------
 .../src/lib/components/environment.tsx        |  2 +-
 .../src/lib/components/recorderCardUI.tsx     |  3 +--
 .../src/lib/components/solidityCompile.tsx    |  2 +-
 .../src/lib/compiler-container.tsx            |  4 +--
 6 files changed, 23 insertions(+), 16 deletions(-)

diff --git a/apps/learneth/src/components/RepoImporter/index.tsx b/apps/learneth/src/components/RepoImporter/index.tsx
index c13d25381a..2b29beb2ee 100644
--- a/apps/learneth/src/components/RepoImporter/index.tsx
+++ b/apps/learneth/src/components/RepoImporter/index.tsx
@@ -109,7 +109,7 @@ function RepoImporter({list, selectedRepo}: any): JSX.Element {
               Import {name}
             </Button>
             <a href="https://github.com/bunsenstraat/remix-learneth-plugin/blob/master/README.md" className="d-none" target="_blank" rel="noreferrer">
-              <i className="fas fa-info-circle" /> how to setup your repo
+              <i className="fas fa-info" /> How to setup your repo
             </a>
           </Form>
         )}
diff --git a/libs/remix-ui/home-tab/src/lib/components/homeTabGetStarted.tsx b/libs/remix-ui/home-tab/src/lib/components/homeTabGetStarted.tsx
index 24df154cf1..1671bf26ff 100644
--- a/libs/remix-ui/home-tab/src/lib/components/homeTabGetStarted.tsx
+++ b/libs/remix-ui/home-tab/src/lib/components/homeTabGetStarted.tsx
@@ -25,7 +25,7 @@ type WorkspaceTemplate = {
   workspaceTitle: string
   description: string
   projectLogo: string
-  templateName?: string
+  templateName: string
 }
 
 const workspaceTemplates: WorkspaceTemplate[] = [
@@ -160,17 +160,25 @@ function HomeTabGetStarted({ plugin }: HomeTabGetStartedProps) {
           <div className="pt-3">
             <div className="d-flex flex-row align-items-center flex-wrap">
               {workspaceTemplates.map((template, index) => (
-                <CustomTooltip tooltipText={template.description} tooltipId={template.gsID} tooltipClasses="text-nowrap" tooltipTextClasses="border bg-light text-dark p-1 pr-3" placement="top-start" key={`${template.gsID}-${template.workspaceTitle}-${index}`}>
+                <CustomTooltip
+                  tooltipText={template.description}
+                  tooltipId={template.gsID}
+                  tooltipClasses="text-nowrap"
+                  tooltipTextClasses="border bg-light text-dark p-1 pr-3"
+                  placement="top-start"
+                  key={`${template.gsID}-${template.workspaceTitle}-${index}`}
+                >
                   <button
                     key={index}
-                    className={index === 0 ? 'btn btn-primary border p-2 text-nowrap mr-3 mb-2' : index === workspaceTemplates.length - 1 ? 'btn border p-2 text-nowrap mr-2 mb-3' : 'btn border p-2 text-nowrap mr-3 mb-3'}
+                    className={index === 0 ?
+                      'btn btn-primary border p-2 text-nowrap mr-3 mb-2' :
+                      index === workspaceTemplates.length - 1 ?
+                        'btn border p-2 text-nowrap mr-2 mb-3' :
+                        'btn border p-2 text-nowrap mr-3 mb-3'
+                    }
                     onClick={async (e) => {
-                      if (template.gsID === 'browseTemplate') {
-                        await plugin.call('manager', 'activatePlugin', 'templateSelection')
-                        plugin.call('tabs' as any, 'focus', 'templateSelection')
-                      } else {
-                        createWorkspace(template.templateName)
-                      }
+                      createWorkspace(template.templateName)
+                      _paq.push(['trackEvent', 'hometab', 'homeGetStarted', template.templateName])
                     }}
                     data-id={`homeTabGetStarted${template.templateName}`}
                   >
diff --git a/libs/remix-ui/run-tab/src/lib/components/environment.tsx b/libs/remix-ui/run-tab/src/lib/components/environment.tsx
index 4f6c2964ae..1cb2a91918 100644
--- a/libs/remix-ui/run-tab/src/lib/components/environment.tsx
+++ b/libs/remix-ui/run-tab/src/lib/components/environment.tsx
@@ -35,7 +35,7 @@ export function EnvironmentUI(props: EnvironmentProps) {
         </CustomTooltip>
         <CustomTooltip placement={'auto-end'} tooltipClasses="text-wrap" tooltipId="runAndDeployAddresstooltip" tooltipText={<FormattedMessage id="udapp.environmentDocs" />}>
           <a href="https://remix-ide.readthedocs.io/en/latest/run.html#environment" target="_blank" rel="noreferrer">
-            <i className="udapp_infoDeployAction ml-2 fas fa-info-circle"></i>
+            <i className="udapp_infoDeployAction ml-2 fas fa-info"></i>
           </a>
         </CustomTooltip>
       </label>
diff --git a/libs/remix-ui/run-tab/src/lib/components/recorderCardUI.tsx b/libs/remix-ui/run-tab/src/lib/components/recorderCardUI.tsx
index ff64fb820f..f565278e37 100644
--- a/libs/remix-ui/run-tab/src/lib/components/recorderCardUI.tsx
+++ b/libs/remix-ui/run-tab/src/lib/components/recorderCardUI.tsx
@@ -57,8 +57,7 @@ export function RecorderUI(props: RecorderProps) {
             tooltipText={<FormattedMessage id="udapp.transactionsWalkthroughTooltip" />}
           >
             <i
-              style={{ fontSize: 'medium' }}
-              className={'ml-2 fal fa-info-circle align-self-center'}
+              className={'ml-2 fas fa-info align-self-center'}
               aria-hidden="true"
               onClick={() => startWalkthrough()}
               data-id="recorderStartWalkthrough"
diff --git a/libs/remix-ui/solidity-compile-details/src/lib/components/solidityCompile.tsx b/libs/remix-ui/solidity-compile-details/src/lib/components/solidityCompile.tsx
index 8ec6afe02f..15b5555ca0 100644
--- a/libs/remix-ui/solidity-compile-details/src/lib/components/solidityCompile.tsx
+++ b/libs/remix-ui/solidity-compile-details/src/lib/components/solidityCompile.tsx
@@ -37,7 +37,7 @@ export default function SolidityCompile({ contractProperties, selectedContract,
               >
                 <span className="remixui_questionMark">
                   <i
-                    className="fas fa-info-circle"
+                    className="fas fa-info"
                     aria-hidden="true"
                   ></i>
                 </span>
diff --git a/libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx b/libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx
index 3082eb9043..b54e35661d 100644
--- a/libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx
+++ b/libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx
@@ -863,7 +863,7 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
                     </span>
                   }
                 >
-                  <i style={{ fontSize: 'medium' }} className={'ml-2 fal fa-info-circle'} aria-hidden="true"></i>
+                  <i className={'ml-2 fas fa-info'} aria-hidden="true"></i>
                 </CustomTooltip>
               </a>
             </div>
@@ -892,7 +892,7 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
                     </span>
                   }
                 >
-                  <i style={{ fontSize: 'medium' }} className={'ml-2 fal fa-info-circle'} aria-hidden="true"></i>
+                  <i style={{ fontSize: 'medium' }} className={'ml-2 fas fa-info'} aria-hidden="true"></i>
                 </CustomTooltip>
               </a>
             </div>