add localhost check

Author: joeizang

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

@@ -1,4 +1,4 @@
-import React, { useEffect, Dispatch } from 'react'
+import React, { useEffect, Dispatch, useState } from 'react'
 // eslint-disable-next-line @nrwl/nx/enforce-module-boundaries
 import { StatusBar } from 'apps/remix-ide/src/app/components/status-bar'
 import '../../css/statusbar.css'
@@ -11,10 +11,12 @@ export interface GitStatusProps {
 }
 
 export default function GitStatus({ plugin, gitBranchName, setGitBranchName }: GitStatusProps) {
+  const [isLocalHost, setIsLocalHost] = useState(false)
 
   useEffect(() => {
     plugin.on('filePanel', 'setWorkspace', async (workspace) => {
       const isGit = await plugin.call('fileManager', 'isGitRepo')
+      setIsLocalHost(workspace.isLocalhost)
       if (isGit) {
         setGitBranchName(workspace.name)
       } else {
@@ -23,6 +25,7 @@ export default function GitStatus({ plugin, gitBranchName, setGitBranchName }: G
     })
     plugin.on('filePanel', 'workspaceInitializationCompleted', async () => {
       const isGit = await plugin.call('fileManager', 'isGitRepo')
+      console.log('complete', gitBranchName)
       if (isGit) {
         const workspace = localStorage.getItem('currentWorkspace')
         setGitBranchName(workspace)
@@ -37,6 +40,7 @@ export default function GitStatus({ plugin, gitBranchName, setGitBranchName }: G
         setGitBranchName(workspace)
       }
     })
+
   }, [])
 
   const lightDgitUp = async () => {
@@ -51,9 +55,14 @@ export default function GitStatus({ plugin, gitBranchName, setGitBranchName }: G
   const initializeNewGitRepo = async () => {
     await plugin.call('dGitProvider', 'init')
     const isActive = await plugin.call('manager', 'isActive', 'dgit')
-    if (!isActive) await plugin.call('manager', 'activatePlugin', 'dgit')
+    if (isLocalHost === false) {
+      if (!isActive) await plugin.call('manager', 'activatePlugin', 'dgit')
+    }
   }
 
+  const checkBranchName = ()=> {
+    return gitBranchName && gitBranchName !== 'Not a git repo' && gitBranchName.length > 0
+  }
   return (
     <CustomTooltip
       tooltipText={`${gitBranchName === 'Not a git repo' ? 'Initialize as a git repo' : gitBranchName} (Git)`}
@@ -62,10 +71,10 @@ export default function GitStatus({ plugin, gitBranchName, setGitBranchName }: G
         className="d-flex flex-row pl-3 text-white justify-content-center align-items-center remixui_statusbar_gitstatus"
         onClick={async () => await lightDgitUp()}
       >
-        {gitBranchName && gitBranchName !== 'Not a git repo' && gitBranchName.length > 0 ? <span className="fa-regular fa-code-branch ml-1"></span>
+        {checkBranchName() && isLocalHost === false ? <span className="fa-regular fa-code-branch ml-1"></span>
           : <span className=" ml-1" onClick={initializeNewGitRepo}> Initialize as git repo</span>}
-        {gitBranchName && gitBranchName !== 'Not a git repo' && gitBranchName.length > 0 && <span className="ml-1">{gitBranchName}</span>}
-        {gitBranchName && gitBranchName !== 'Not a git repo' && gitBranchName.length > 0 && <span className="fa-solid fa-arrows-rotate fa-1 ml-1"></span>}
+        {checkBranchName() && isLocalHost === false && <span className="ml-1">{gitBranchName}</span>}
+        {checkBranchName() && isLocalHost === false && <span className="fa-solid fa-arrows-rotate fa-1 ml-1"></span>}
       </div>
     </CustomTooltip>
   )