From 0b9b843bddfb2227b55f6e63256d730ff24b9502 Mon Sep 17 00:00:00 2001
From: Joseph Izang <josephizang@gmail.com>
Date: Wed, 12 Jun 2024 12:44:34 +0100
Subject: [PATCH] final few changes to homeTab

---
 .../src/app/tabs/locales/en/home.json         |  2 +-
 .../src/lib/components/homeTabFeatured.tsx    | 24 +++++++++----------
 .../src/lib/components/homeTabFile.tsx        |  2 +-
 .../src/lib/components/homeTabGetStarted.tsx  |  6 ++---
 .../src/lib/components/gitStatus.tsx          |  2 +-
 .../src/lib/components/scamAlertStatus.tsx    |  2 +-
 .../src/lib/components/scamDetails.tsx        |  4 ++--
 7 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/apps/remix-ide/src/app/tabs/locales/en/home.json b/apps/remix-ide/src/app/tabs/locales/en/home.json
index 5da4dbf40f..9d78937c91 100644
--- a/apps/remix-ide/src/app/tabs/locales/en/home.json
+++ b/apps/remix-ide/src/app/tabs/locales/en/home.json
@@ -49,7 +49,7 @@
   "home.remixLinkedinProfile": "Remix Linkedin Profile",
   "home.remixMediumPosts": "Remix Medium Posts",
   "home.joinUsOnDiscord": "Join us on Discord",
-  "home.nativeIDE": "Learn. Explore. Create.",
+  "home.nativeIDE": "The Native IDE for Web3 Development.",
   "home.website": "Website",
   "home.documentation": "Documentation",
   "home.remixPlugin": "Remix Plugin",
diff --git a/libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx b/libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx
index 955134c9a0..03e787e7ef 100644
--- a/libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx
+++ b/libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx
@@ -39,6 +39,9 @@ function HomeTabFeatured() {
               dotListClass="position-relative mt-2"
             >
               <div className="mr-1 pr-1 d-flex align-items-center justify-content-center h-100">
+                <a href={releaseDetails.moreLink} target="__blank">
+                  <img src={'assets/img/remi_drums_whatsnew.webp'} className="remixui_carouselImage" alt=""></img>
+                </a>
                 <div className="h6 w-50 p-2 pl-4 align-self-center" style={{ flex: '1' }}>
                   <h5>{releaseDetails.version} {releaseDetails.title}</h5>
                   <div style={{ fontSize: '0.8rem' }} className="mb-3">
@@ -58,11 +61,11 @@ function HomeTabFeatured() {
                     {releaseDetails.more}
                   </a>
                 </div>
-                <a href={releaseDetails.moreLink} target="__blank">
-                  <img src={'assets/img/remi_drums_whatsnew.webp'} className="remixui_carouselImage" alt=""></img>
-                </a>
               </div>
               <div className="mr-1 pr-1 d-flex align-items-center justify-content-center h-100">
+                <a href="https://remix-project.org" target="__blank">
+                  <img src={'assets/img/bgRemi_small.webp'} className="remixui_carouselImage" alt=""></img>
+                </a>
                 <div className="h6 w-50 p-2 pl-4  align-self-center" style={{ flex: '1' }}>
                   <h5>
                     <FormattedMessage id="home.jumpIntoWeb3" />
@@ -79,11 +82,11 @@ function HomeTabFeatured() {
                     <FormattedMessage id="home.jumpIntoWeb3More" />
                   </a>
                 </div>
-                <a href="https://remix-project.org" target="__blank">
-                  <img src={'assets/img/bgRemi_small.webp'} className="remixui_carouselImage" alt=""></img>
-                </a>
               </div>
               <div className="mr-1 pr-1 d-flex align-items-center justify-content-center h-100">
+                <a href="https://www.youtube.com/@EthereumRemix/videos" target="__blank">
+                  <img src={'/assets/img/YouTubeLogo.webp'} className="remixui_carouselImage" alt=""></img>
+                </a>
                 <div className="h6 w-50 p-2 pl-4  align-self-center" style={{ flex: '1' }}>
                   <h5>
                     <FormattedMessage id="home.remixYouTube" />
@@ -103,11 +106,11 @@ function HomeTabFeatured() {
                     <FormattedMessage id="home.remixYouTubeMore" />
                   </a>
                 </div>
-                <a href="https://www.youtube.com/@EthereumRemix/videos" target="__blank">
-                  <img src={'/assets/img/YouTubeLogo.webp'} className="remixui_carouselImage" alt=""></img>
-                </a>
               </div>
               <div className="mr-1 pr-1 d-flex align-items-center justify-content-center h-100">
+                <a href="https://docs.google.com/forms/d/e/1FAIpQLSd0WsJnKbeJo-BGrnf7WijxAdmE4PnC_Z4M0IApbBfHLHZdsQ/viewform" target="__blank">
+                  <img src={'/assets/img/remixRewardBetaTester_small.webp'} className="remixui_carouselImage" alt=""></img>
+                </a>
                 <div className="h6 w-50 p-2 pl-4  align-self-center" style={{ flex: '1' }}>
                   <h5>
                     <FormattedMessage id="home.betaTesting" />
@@ -127,9 +130,6 @@ function HomeTabFeatured() {
                     <FormattedMessage id="home.betaTestingMore" />
                   </a>
                 </div>
-                <a href="https://docs.google.com/forms/d/e/1FAIpQLSd0WsJnKbeJo-BGrnf7WijxAdmE4PnC_Z4M0IApbBfHLHZdsQ/viewform" target="__blank">
-                  <img src={'/assets/img/remixRewardBetaTester_small.webp'} className="remixui_carouselImage" alt=""></img>
-                </a>
               </div>
             </Carousel>
           </ThemeContext.Provider>
diff --git a/libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx b/libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx
index 67d7ed1ef4..1c417f91b5 100644
--- a/libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx
+++ b/libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx
@@ -270,7 +270,7 @@ contract HelloWorld {
             </div>
           )}
         </div>
-        <div className="d-flex flex-column flex-wrap">
+        <div className="d-flex flex-column flex-wrap pt-3">
           <label style={{ fontSize: '1.2rem' }}>
             <FormattedMessage id="home.files" />
           </label>
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 b7e3aa1a5c..d872882595 100644
--- a/libs/remix-ui/home-tab/src/lib/components/homeTabGetStarted.tsx
+++ b/libs/remix-ui/home-tab/src/lib/components/homeTabGetStarted.tsx
@@ -143,10 +143,10 @@ function HomeTabGetStarted({ plugin }: HomeTabGetStartedProps) {
 
   return (
     <div className="pl-2" id="hTGetStartedSection">
-      {/* <label className="pt-3" style={{ fontSize: '1.2rem' }}>
+      <label className="pt-3" style={{ fontSize: '1.2rem' }}>
         <FormattedMessage id="home.projectTemplates" />
-      </label> */}
-      <div ref={carouselRefDiv} className="w-100 d-flex flex-column pt-3">
+      </label>
+      <div ref={carouselRefDiv} className="w-100 d-flex flex-column pt-1">
         <ThemeContext.Provider value={themeFilter}>
           <div className="pt-3">
             <div className="d-flex flex-row align-items-center mb-3 flex-wrap">
diff --git a/libs/remix-ui/statusbar/src/lib/components/gitStatus.tsx b/libs/remix-ui/statusbar/src/lib/components/gitStatus.tsx
index 573f0ae68b..4f579e2982 100644
--- a/libs/remix-ui/statusbar/src/lib/components/gitStatus.tsx
+++ b/libs/remix-ui/statusbar/src/lib/components/gitStatus.tsx
@@ -72,7 +72,7 @@ export default function GitStatus({ plugin, gitBranchName, setGitBranchName }: G
 
   return (
     <CustomTooltip
-      tooltipText={`${gitBranchName} (Git)`}
+      tooltipText={`${gitBranchName === 'Not a git repo' ? 'Initialize as a git repo' : gitBranchName} (Git)`}
     >
       <div
         className="d-flex flex-row pl-3 text-white justify-content-center align-items-center remixui_statusbar_gitstatus"
diff --git a/libs/remix-ui/statusbar/src/lib/components/scamAlertStatus.tsx b/libs/remix-ui/statusbar/src/lib/components/scamAlertStatus.tsx
index 53b5a3d4a2..2fe18b909f 100644
--- a/libs/remix-ui/statusbar/src/lib/components/scamAlertStatus.tsx
+++ b/libs/remix-ui/statusbar/src/lib/components/scamAlertStatus.tsx
@@ -16,7 +16,7 @@ export default function ScamAlertStatus ({ refs, getReferenceProps }: ScamAlertS
         tooltipText={"Scam Alerts"}
       >
         <div className="mr-2 d-flex align-items-center justify-content-center" id="hTScamAlertSection" ref={refs.setReference} {...getReferenceProps()}>
-          <span className="pr-2 far fa-exclamation-triangle text-danger"></span>
+          <span className="pr-2 far fa-exclamation-triangle text-white"></span>
           <span className="text-white font-semibold small">
             <FormattedMessage id="home.scamAlert" />
           </span>
diff --git a/libs/remix-ui/statusbar/src/lib/components/scamDetails.tsx b/libs/remix-ui/statusbar/src/lib/components/scamDetails.tsx
index ac414de58e..1f971f72ac 100644
--- a/libs/remix-ui/statusbar/src/lib/components/scamDetails.tsx
+++ b/libs/remix-ui/statusbar/src/lib/components/scamDetails.tsx
@@ -19,7 +19,7 @@ export default function ScamDetails ({ refs, floatStyle, scamAlerts }: ScamDetai
     <div
       ref={refs.setFloating}
       style={ floatStyle }
-      className="py-2 ml-1 mb-1 mb-2 d-flex w-25 alert alert-danger border border-danger"
+      className="px-1 ml-1 mb-1 d-flex w-25 alert alert-danger border border-danger"
     >
       <span className="align-self-center pl-4 mt-1">
         <i style={{ fontSize: 'xxx-large', fontWeight: 'lighter' }} className="pr-2 far text-danger fa-exclamation-triangle"></i>
@@ -30,7 +30,7 @@ export default function ScamDetails ({ refs, floatStyle, scamAlerts }: ScamDetai
             {alert.url.length < 1 ? <FormattedMessage id={`home.scamAlertText${index + 1}`} defaultMessage={alert.message} />
               : (<><FormattedMessage id={`home.scamAlertText${index + 1}`} defaultMessage={alert.message} /> : &nbsp;
                 <a
-                  className={`remixui_home_text text-decoration-none text-danger ${index === 1 ? 'pl-2' : ''}`}
+                  className={`remixui_home_text text-decoration-none ${index === 1 ? 'pl-2' : ''}`}
                   onClick={() => {
                     index === 1 && _paq.push(['trackEvent', 'hometab', 'scamAlert', 'learnMore'])
                     index === 2 && _paq.push(['trackEvent', 'hometab', 'scamAlert', 'safetyTips'])