Function ShareRoute

data-browser/src/routes/ShareRoute.tsx:20–156

()

/** Form for managing and viewing rights for this resource */
export function ShareRoute(): JSX.Element {
  const [subject] = useCurrentSubject();
  const resource = useResource(subject);
  const title = useTitle(resource);
  const store = useStore();
  const [canWrite] = useCanWrite(resource);
  const [showInviteForm, setShowInviteForm] = useState(false);

  const [writers, setWriters] = useArray(resource, urls.properties.write);
  const [readers, setReaders] = useArray(resource, urls.properties.read);

  const [inheritedRights, setInheritedRights] = useState<Right[]>([]);

  useEffect(() => {
    async function getTheRights() {
      const allRights = await resource.getRights(store);
      const inherited = allRights.filter(r => r.setIn !== subject);

      // Make sure the public agent is always the top of the list
      const sorted = inherited.sort((a, b) => {
        return a.for === urls.instances.publicAgent ? -1 : 1;
      });

      setInheritedRights(sorted);
    }

    getTheRights();
  }, [resource]);

  function handleSetRight(
    agent: string,
    write: boolean,
    setToTrue: boolean,
  ): void {
    let agents = write ? writers : readers;
    if (setToTrue) {
      // remove previous occurence
      agents = agents.filter(s => s !== agent);
      agents.push(agent);
    } else {
      agents = agents.filter(s => s !== agent);
    }
    if (write) {
      setWriters(agents);
    } else {
      setReaders(agents);
    }
  }

  function constructAgentProps(): AgentRight[] {
    const rightsMap: Map<string, RightBools> = new Map();

    // Always show the public agent
    rightsMap.set(urls.instances.publicAgent, { read: false, write: false });

    readers.map(agent => {
      rightsMap.set(agent, {
        read: true,