Better style when no active environment

README.md

@@ -10,7 +10,7 @@ npm run tauri-dev
 
 # Migration commands
 cd src-tauri
-cargo sqlx migrate add <name>
+cargo sqlx migrate add ${MIGRATION_NAME}
 cargo sqlx migrate run --database-url 'sqlite://db.sqlite?mode=rw'
 cargo sqlx prepare --database-url 'sqlite://db.sqlite'
 ```

src-web/components/EnvironmentActionsDropdown.tsx

@@ -106,13 +106,14 @@ export const EnvironmentActionsDropdown = memo(function EnvironmentActionsDropdo
       },
     ];
   }, [
-    environments,
-    activeEnvironment?.name,
     // deleteEnvironment.mutate,
-    dialog,
-    prompt,
-    updateEnvironment,
+    activeEnvironment?.name,
     createEnvironment,
+    dialog,
+    environments,
+    prompt,
+    setActiveEnvironment,
+    updateEnvironment,
   ]);
 
   return (
@@ -122,7 +123,7 @@ export const EnvironmentActionsDropdown = memo(function EnvironmentActionsDropdo
         className={classnames(className, 'text-gray-800 !px-2 truncate')}
         forDropdown
       >
-        {activeEnvironment?.name ?? 'No Env'}
+        {activeEnvironment?.name ?? <span className="italic text-gray-500">No Environment</span>}
       </Button>
     </Dropdown>
   );