enhancement: remove tooltip local api server when server start (#4275)

janhq · Dec 16, 2024 · 5041651 · 5041651
1 parent e5a2d41
commit 5041651
Showing 1 changed file with 29 additions and 35 deletions.
diff --git a/web/screens/LocalServer/LocalServerLeftPanel/index.tsx b/web/screens/LocalServer/LocalServerLeftPanel/index.tsx
@@ -163,44 +163,38 @@ const LocalServerLeftPanel = () => {
           </div>
         </div>
 
-        <Tooltip
-          trigger={
-            <div className="p-3">
-              <p className="mb-2 block font-semibold">Server Options</p>
-
-              <div className="flex w-full">
-                <Select
-                  value={host}
-                  onValueChange={(e) => setHost(e)}
-                  disabled={serverEnabled}
-                  options={hostOptions}
-                  block
-                />
-              </div>
+        <div className="p-3">
+          <p className="mb-2 block font-semibold">Server Options</p>
 
-              <div className="relative z-50 mt-2 block">
-                <Input
-                  className={twMerge(
-                    errorRangePort && 'border-[hsla(var(--destructive-bg))]'
-                  )}
-                  type="number"
-                  value={port}
-                  onChange={(e) => {
-                    handleChangePort(e.target.value)
-                  }}
-                  maxLength={5}
-                  disabled={serverEnabled}
-                />
-              </div>
+          <div className="flex w-full">
+            <Select
+              value={host}
+              onValueChange={(e) => setHost(e)}
+              disabled={serverEnabled}
+              options={hostOptions}
+              block
+            />
+          </div>
 
-              {errorRangePort && (
-                <p className="mt-2 text-xs text-[hsla(var(--destructive-bg))]">{`The port range should be from 0 to 65536`}</p>
+          <div className="relative z-50 mt-2 block">
+            <Input
+              className={twMerge(
+                errorRangePort && 'border-[hsla(var(--destructive-bg))]'
               )}
-            </div>
-          }
-          disabled={!serverEnabled}
-          content="Settings cannot be modified while the server is running"
-        />
+              type="number"
+              value={port}
+              onChange={(e) => {
+                handleChangePort(e.target.value)
+              }}
+              maxLength={5}
+              disabled={serverEnabled}
+            />
+          </div>
+
+          {errorRangePort && (
+            <p className="mt-2 text-xs text-[hsla(var(--destructive-bg))]">{`The port range should be from 0 to 65536`}</p>
+          )}
+        </div>
 
         <div className="space-y-4 px-3">
           <div className="block">