el.xwx.moe/hooks/usePermissions.tsx

import { Member } from "@/types/global";
import { useEffect, useState } from "react";
import { useCollections } from "./store/collections";
import { useUser } from "./store/users";

export default function usePermissions(collectionId: number) {
  const { data: collections = [] } = useCollections();

  const { data: user = [] } = useUser();

  const [permissions, setPermissions] = useState<Member | true>();
  useEffect(() => {
    const collection = collections.find((e) => e.id === collectionId);

    if (collection) {
      let getPermission: Member | undefined = collection.members.find(
        (e) => e.userId === user.id
      );

      if (
        getPermission?.canCreate === false &&
        getPermission?.canUpdate === false &&
        getPermission?.canDelete === false
      )
        getPermission = undefined;

      setPermissions(user.id === collection.ownerId || getPermission);
    }
  }, [user, collections, collectionId]);

  return permissions;
}