useDevEnvironment returns the current user’s dev environment, not the first

Author: matt-aitken

apps/webapp/app/hooks/useEnvironments.ts

@@ -1,5 +1,6 @@
 import { RouteMatch } from "@remix-run/react";
 import { MatchedProject, useOptionalProject } from "./useProject";
+import { useUser } from "./useUser";
 
 export type ProjectJobEnvironment = MatchedProject["environments"][number];
 
@@ -11,10 +12,13 @@ export function useEnvironments(matches?: RouteMatch[]) {
 }
 
 export function useDevEnvironment(matches?: RouteMatch[]) {
+  const user = useUser();
   const environments = useEnvironments(matches);
   if (!environments) return;
 
-  return environments.find((environment) => environment.type === "DEVELOPMENT");
+  return environments.find(
+    (environment) => environment.type === "DEVELOPMENT" && environment.userId === user.id
+  );
 }
 
 export function useProdEnvironment(matches?: RouteMatch[]) {