add checks for the Network Strength

Author: surajmaurya-git

README.md

@@ -38,11 +38,11 @@ Follow this exact order for a smooth deployment.
 
 1. Create a free account and a new project on [Supabase](https://supabase.com).
 2. Save these values from your Supabase dashboard:
-   - **Project URL** (Project Settings → API)
-   - **Anon key** (Project Settings → API)
-   - **Project Reference ID** (the `<project-ref>` in `https://<project-ref>.supabase.co`)
    - **Database password** (the password for this Supabase project)
+   - **Project ID (Project Ref ID)** (the `<project-ref>` in `https://<project-ref>.supabase.co`)
    - **Personal Access Token** ([Account Settings → Access Tokens](https://supabase.com/dashboard/account/tokens))
+   - **Project URL** (Project Settings → API)
+   - **Anon key** (Project Settings → API)
 
 ### Step 3: In your fork, add GitHub secrets and run workflow
 
@@ -77,7 +77,8 @@ Then:
 3. Add the environment variables below.
 4. Click **Deploy**.
 
-Vercel will ask for:
+**Environment Variables:**
+Set the following Vercel environment variables:
 
 - `VITE_SUPABASE_PROJECT_URL`
 - `VITE_SUPABASE_ANON_KEY`

src/pages/Home.tsx

@@ -291,24 +291,13 @@ const Home: React.FC<HomeProps> = ({
                       </div>
                     ))}
 
-                <div>
-                  <span className="font-medium text-muted-foreground flex items-center gap-2 mb-1">
-                    <Signal className="h-4 w-4" />
-                    Network Strength
-                  </span>
-                  {deviceStatus === "offline" ? (
-                    <span className="block pl-6 font-medium text-muted-foreground">
-                      Device Offline
+                {signalStrength !== null && signalStrength !== undefined && deviceStatus !== "offline" && (
+                  <div>
+                    <span className="font-medium text-muted-foreground flex items-center gap-2 mb-1">
+                      <Signal className="h-4 w-4" />
+                      Network Strength
                     </span>
-                  ) : (
-                    (() => {
-                      if (
-                        signalStrength === null ||
-                        signalStrength === undefined
-                      ) {
-                        return <span className="block pl-6">-</span>;
-                      }
-
+                    {(() => {
                       const networkTypeTag = nodeDetails.tags?.find(
                         (tag) =>
                           tag.key === "networkType" || tag.key === "Network Type"
@@ -370,9 +359,9 @@ const Home: React.FC<HomeProps> = ({
                           </span>
                         </span>
                       );
-                    })()
-                  )}
-                </div>
+                    })()}
+                  </div>
+                )}
 
                 {gatewayError && (
                   <div className="md:col-span-2 lg:col-span-2">