update homeTabFile button. update image css and translation

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

@@ -68,7 +68,7 @@
   "filePanel.createNewFolder": "Create new folder",
   "filePanel.publishToGist": "Publish to Gist",
   "filePanel.workspace.publishToGist": "Publish workspace to GitHub gist",
-  "filePanel.uploadFile": "Upload files",
+  "filePanel.uploadFile": "Open a File from your File System",
   "filePanel.uploadFolder": "Upload folder",
   "filePanel.updateGist": "Update Gist",
   "filePanel.workspace.updateGist": "Publish Gist update",

libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx

@@ -109,7 +109,7 @@ function HomeTabFeatured() {
               </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>
+                  <img src={'/assets/img/remixRewardBetaTester_small.webp'} className="remixui_carouselImage_remixbeta" alt=""></img>
                 </a>
                 <div className="h6 w-50 p-2 pl-4  align-self-center" style={{ flex: '1' }}>
                   <h5>

libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx

@@ -173,12 +173,14 @@ function HomeTabFile({ plugin }: HomeTabFileProps) {
                   await plugin.call('menuicons', 'select', 'filePanel')
                   await plugin.call('filePanel', 'createNewFile')
                 }}>
+                  <i className="far fa-file pr-1"></i>
                   <FormattedMessage id="home.newFile" />
                 </button>
               </CustomTooltip>
               <CustomTooltip placement={'top'} tooltipId="overlay-tooltip" tooltipClasses="text-nowrap" tooltipText={<FormattedMessage id="home.openFileTooltip" />} tooltipTextClasses="border bg-light text-dark p-1 pr-3">
                 <span>
                   <label className="btn text-nowrap p-2 mr-2 border my-1" style={{ width: 'fit-content', cursor: 'pointer' }} htmlFor="openFileInput">
+                    <i className="far fa-upload pr-1"></i>
                     <FormattedMessage id="home.openFile" />
                   </label>
                   <input
@@ -194,7 +196,7 @@ function HomeTabFile({ plugin }: HomeTabFileProps) {
                   />
                 </span>
               </CustomTooltip>
-              <CustomTooltip placement={'top'} tooltipId="overlay-tooltip" tooltipClasses="text-nowrap" tooltipText={<FormattedMessage id="home.gitCloneTooltip" />} tooltipTextClasses="border bg-light text-dark p-1 pr-3"
+              {/* <CustomTooltip placement={'top'} tooltipId="overlay-tooltip" tooltipClasses="text-nowrap" tooltipText={<FormattedMessage id="home.gitCloneTooltip" />} tooltipTextClasses="border bg-light text-dark p-1 pr-3"
               >
                 <button className="btn text-nowrap p-2 mr-2 border my-1" data-id="landingPageImportFromGitHubButton" onClick={async () => {
                   _paq.push(['trackEvent', 'hometab', 'filesSection', 'Git Clone'])
@@ -202,23 +204,22 @@ function HomeTabFile({ plugin }: HomeTabFileProps) {
                 }}>
                   Git Clone
                 </button>
-              </CustomTooltip>
+              </CustomTooltip> */}
               <CustomTooltip placement={'top'} tooltipId="overlay-tooltip" tooltipClasses="text-nowrap" tooltipText={<FormattedMessage id="home.gistTooltip" />} tooltipTextClasses="border bg-light text-dark p-1 pr-3"
               >
                 <button className="btn text-nowrap p-2 mr-2 border my-1" data-id="landingPageImportFromGistButton" onClick={() => importFromGist()}>
+                  <i className="fab fa-github pr-1"></i>
                   Gist
                 </button>
               </CustomTooltip>
+              <CustomTooltip placement={'top'} tooltipId="overlay-tooltip" tooltipClasses="text-nowrap" tooltipText={<FormattedMessage id="home.connectToLocalhost" />} tooltipTextClasses="border bg-light text-dark p-1 pr-3">
+                <button className="btn btn-block text-nowrap p-2 border my-1" onClick={() => connectToLocalhost()}>
+                  <i className="fa-regular fa-desktop pr-2"></i>
+                  <FormattedMessage id="home.accessFileSystem" />
+                </button>
+              </CustomTooltip>
             </div>
           </div>
-          <div className="d-flex mt-2 align-items-end w-100">
-            <CustomTooltip placement={'top'} tooltipId="overlay-tooltip" tooltipClasses="text-nowrap" tooltipText={<FormattedMessage id="home.connectToLocalhost" />} tooltipTextClasses="border bg-light text-dark p-1 pr-3">
-              <button className="btn btn-block text-nowrap p-2 border my-1" onClick={() => connectToLocalhost()}>
-                <i className="fa-regular fa-desktop pr-2"></i>
-                <FormattedMessage id="home.accessFileSystem" />
-              </button>
-            </CustomTooltip>
-          </div>
         </div>
       </div>
     </>

libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.css

@@ -125,6 +125,12 @@
   width: 20rem;
 }
 
+.remixui_carouselImage_remixbeta {
+  flex: 1;
+  height: 20rem;
+  width: 18rem;
+}
+
 .remixui_carouselbox {
   min-height: 25.12rem;
 }