Function NestedParent

data-browser/src/components/Parent.tsx:33–46

The actually recursive part

({ subject }: NestedParentProps)

/** The actually recursive part */
function NestedParent({ subject }: NestedParentProps): JSX.Element {
  const resource = useResource(subject, { allowIncomplete: true });
  const [parent] = useString(resource, properties.parent);

  return (
    <>
      {parent && <NestedParent subject={parent} />}
      <Breadcrumb>
        <ResourceInline subject={subject} />
      </Breadcrumb>
      <Breadcrumb>{'/'}</Breadcrumb>
    </>
  );
}

const Breadcrumb = styled.div`
  margin-right: 1rem;