fix: useEffect editteamform dependency

src/components/projects/edit-team-form.tsx

@@ -77,7 +77,7 @@ export function EditTeamForm({
   }, [state]);
 
   return (
-    <div className="flex flex-col space-y-4 bg-gray-50 px-4 py-8 md:px-16">
+    <div className="flex flex-col space-y-4 py-8">
       <form action={formAction}>
         <div className="relative">
           <input
@@ -206,7 +206,7 @@ const EditTeamFormPseudo = ({
         toast({ description: "Project updated successfully" });
       });
     }
-  });
+  }, [state]);
 
   return (
     <form action={formAction}>
@@ -223,5 +223,9 @@ const EditTeamFormPseudo = ({
 
 const FormButton = () => {
   const { pending } = useFormStatus();
-  return <Button disabled={pending}>Save changes</Button>;
+  return (
+    <Button disabled={pending} type="submit">
+      Save changes
+    </Button>
+  );
 };

src/modules/actions/select-team-member.ts

@@ -5,7 +5,7 @@ import { FormResponse, selectUserSchema } from "./utils";
 import { authUser } from "./auth";
 import { db } from "@/db";
 import { users } from "@/db/schema";
-import { eq } from "drizzle-orm";
+import { eq, ilike, or } from "drizzle-orm";
 import { ZodError } from "zod";
 
 export async function selectTeamMember(
@@ -20,7 +20,7 @@ export async function selectTeamMember(
     const [user] = await db
       .select()
       .from(users)
-      .where(eq(users.name, name))
+      .where(or(eq(users.name, name), ilike(users.email, `%${name}%`)))
       .limit(1);
 
     if (!user) {