changes as per call with Liana

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

@@ -68,6 +68,6 @@
   "home.seeAllTutorials": "See all tutorials",
   "home.maintainedByRemix": "Maintained by Remix",
   "home.gitCloneTooltip": "Clone a github repo to a new workspace",
-  "home.gistTooltip": "Import a gist to a workspace"
+  "home.gistTooltip": "Import gist to a workspace"
 }
 

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

@@ -314,7 +314,7 @@ contract HelloWorld {
               <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()}>
-                Gist
+                Open Gist Repo
                 </button>
               </CustomTooltip>
             </div>

libs/remix-ui/statusbar/src/css/statusbar.css

@@ -8,6 +8,16 @@ remixui_statusbar:hover {
   cursor: pointer;
 }
 
+.remixui_statusbar_scamAlert
+.remixui_statusbar_scamAlert:hover {
+  cursor: pointer;
+}
+
+.remixui_statusbar_aistatus
+.remixui_statusbar_aistatus:hover {
+  cursor: pointer;
+}
+
 /**
  * approximately same height with vscode statusbar
  **/

libs/remix-ui/statusbar/src/lib/components/scamAlertStatus.tsx

@@ -15,7 +15,7 @@ export default function ScamAlertStatus ({ refs, getReferenceProps }: ScamAlertS
       <CustomTooltip
         tooltipText={"Scam Alerts"}
       >
-        <div className="mr-2 d-flex align-items-center justify-content-center" id="hTScamAlertSection" ref={refs.setReference} {...getReferenceProps()}>
+        <div className="mr-2 d-flex align-items-center justify-content-center remixui_statusbar_scamAlert" id="hTScamAlertSection" ref={refs.setReference} {...getReferenceProps()}>
           <span className="pr-2 far fa-exclamation-triangle text-white"></span>
           <span className="text-white font-semibold small">
             <FormattedMessage id="home.scamAlert" />

libs/remix-ui/workspace/src/lib/components/file-explorer-menu.tsx

@@ -39,6 +39,20 @@ export const FileExplorerMenu = (props: FileExplorerMenuProps) => {
         icon: 'far fa-folder-upload',
         placement: 'top',
         platforms:[appPlatformTypes.web]
+      },
+      {
+        action: 'importFromIpfs',
+        title: 'Import files from ipfs',
+        icon: 'far fa-folder-arrow-down',
+        placement: 'top',
+        platforms: [appPlatformTypes.web, appPlatformTypes.desktop]
+      },
+      {
+        action: 'importFromHttps',
+        title: 'Import files with https',
+        icon: 'far fa-cloud-arrow-down',
+        placement: 'top',
+        platforms: [appPlatformTypes.web, appPlatformTypes.desktop]
       }
     ].filter(
       (item) =>

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

@@ -240,6 +240,14 @@ export function Workspace() {
     })
   }
 
+  const importFromIpfs = () => {
+
+  }
+
+  const importFromHttps = () => {
+
+  }
+
   const cloneGitRepository = () => {
     global.modal(
       intl.formatMessage({ id: 'filePanel.workspace.clone' }),