only give the group link if admin

Author: maparent

apps/website/app/components/auth/ListGroups.tsx

@@ -9,6 +9,7 @@ type GroupData = Tables<"my_groups">;
 
 export const ListGroups = () => {
   const [groupData, setGroupData] = useState<GroupData[] | null>(null);
+  const [adminData, setAdminData] = useState<Record<string, boolean>>({});
   const [userName, setUserName] = useState<string | null>(null);
   const [error, setError] = useState<string | null>(null);
 
@@ -21,16 +22,32 @@ export const ListGroups = () => {
           setError("Not logged in");
           return;
         }
-        const { name, type } = userData;
+        const { name, type, id } = userData;
         if (type === "anonymous") setUserName("Space " + name);
         else if (type === "group") setUserName("group " + name);
         else if (type === "person") setUserName(name);
-        const response = await client.from("my_groups").select();
-        if (response.error) {
-          setError(response.error.message);
+        const groupResponse = await client.from("my_groups").select();
+        if (groupResponse.error) {
+          setError(groupResponse.error.message);
           return;
         }
-        setGroupData(response.data);
+        setGroupData(groupResponse.data);
+        const membershipReq = await client
+          .from("group_membership")
+          .select("group_id,admin")
+          .eq("member_id", id);
+        if (membershipReq.error) {
+          setError(membershipReq.error.message);
+          return;
+        }
+        setAdminData(
+          Object.fromEntries(
+            membershipReq.data.map(({ group_id, admin }) => [
+              group_id,
+              admin || false,
+            ]),
+          ),
+        );
       } catch (error) {
         setError(
           error instanceof Error ? error.message : "Unknown error occurred",
@@ -56,7 +73,11 @@ export const ListGroups = () => {
             <ul>
               {groupData.map((d) => (
                 <li key={d.id}>
-                  <a href={"group/" + d.id!}>{d.name}</a>
+                  {adminData[d.id || ""] ? (
+                    <a href={"group/" + d.id!}>{d.name}</a>
+                  ) : (
+                    d.name
+                  )}
                 </li>
               ))}
             </ul>

apps/website/app/utils/supabase/dbUtils.ts

@@ -485,10 +485,15 @@ export const processAndInsertBatch = async <
 
 export const getSessionUserData = async (
   client: DGSupabaseClient,
-): Promise<{ name: string; type: AgentType; email?: string } | null> => {
+): Promise<{
+  id: string;
+  name: string;
+  type: AgentType;
+  email?: string;
+} | null> => {
   const session = await client.auth.getSession();
   if (!session?.data?.session?.user) return null;
-  const email = session.data.session.user.email;
+  const { id, email } = session.data.session.user;
   if (email) {
     const [name, host] = email.split("@") as [string, string];
     if (host === "database.discoursegraphs.com" && name.endsWith("-anon")) {
@@ -502,10 +507,10 @@ export const getSessionUserData = async (
       if (spaceReq.error || !spaceReq.data) {
         return null;
       }
-      return { name: spaceReq.data.name, type: "anonymous", email };
+      return { name: spaceReq.data.name, id, type: "anonymous", email };
     }
     if (host === "groups.discoursegraphs.com") {
-      return { name, email, type: "group" };
+      return { name, id, email, type: "group" };
     }
   }
   const accountReq = await client
@@ -517,5 +522,5 @@ export const getSessionUserData = async (
   if (accountReq.error || !accountReq.data) {
     return null;
   }
-  return { name: accountReq.data.name, type: "person", email };
+  return { id, name: accountReq.data.name, type: "person", email };
 };