Function useAccessCheck

app/src/components/ConditionallyEnable.tsx:7–16

(accessCheck: AccessCheck)

import { useSelectedProject } from "~/utils/hooks";

export const useAccessCheck = (accessCheck: AccessCheck) => {
  const selectedProject = useSelectedProject().data;

  return (
    api.users.checkAccess.useQuery({
      accessCheck,
      projectId: selectedProject?.id ?? null,
    }).data ?? { access: false, message: "" }
  );
};

const ConditionallyEnable = (
  props: {