unleash.unleash/frontend/src/component/project/ProjectAccess/ProjectAccessCreate/ProjectAccessCreate.tsx

import { ProjectAccessAssign } from '../ProjectAccessAssign/ProjectAccessAssign';
import { useRequiredPathParam } from 'hooks/useRequiredPathParam';
import useProjectAccess from 'hooks/api/getters/useProjectAccess/useProjectAccess';
import { useAccess } from 'hooks/api/getters/useAccess/useAccess';

export const ProjectAccessCreate = () => {
    const projectId = useRequiredPathParam('projectId');

    const { access } = useProjectAccess(projectId);
    const { users, groups } = useAccess();

    if (!access || !users || !groups) {
        return null;
    }

    return (
        <ProjectAccessAssign
            accesses={access.rows}
            users={users}
            groups={groups}
            roles={access.roles}
        />
    );
};