Add tooltip about password

pbzweihander · Jun 6, 2023 · 4dd89e7 · 4dd89e7
1 parent 7ad0885
commit 4dd89e7
Showing 1 changed file with 20 additions and 1 deletion.
diff --git a/src/ConnectView.tsx b/src/ConnectView.tsx
@@ -82,7 +82,26 @@ export default function ConnectView(): ReactElement {
             setUsername(e.target.value);
           }}
         />
-        <label className="label label-text">Password</label>
+        <label className="label">
+          <span className="label-text">Password</span>
+          <span
+            className="label-text-alt tooltip"
+            data-tip="Tacview realtime telemetry server's password (not DCS server's password!)"
+          >
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 20 20"
+              fill="currentColor"
+              className="h-5 w-5"
+            >
+              <path
+                fillRule="evenodd"
+                d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zM8.94 6.94a.75.75 0 11-1.061-1.061 3 3 0 112.871 5.026v.345a.75.75 0 01-1.5 0v-.5c0-.72.57-1.172 1.081-1.287A1.5 1.5 0 108.94 6.94zM10 15a1 1 0 100-2 1 1 0 000 2z"
+                clipRule="evenodd"
+              />
+            </svg>
+          </span>
+        </label>
         <input
           className="input-bordered input"
           type="password"