Function RelationshipsView

src/ui-solid-inspector/index.tsx:982–1011

(
  props: {readonly relationshipsId?: Id} & StoreProp,
)

};

const RelationshipsView = (
  props: {readonly relationshipsId?: Id} & StoreProp,
) => {
  const relationships = useRelationships(props.relationshipsId);
  const relationshipIds = useRelationshipIds(relationships);
  return (
    <>
      {isUndefined(relationships()) ? (
        EMPTY_STRING
      ) : (
        <Details
          uniqueId={getUniqueId('r', props.relationshipsId)}
          title={'Relationships: ' + (props.relationshipsId ?? DEFAULT)}
          s={props.s}
        >
          {arrayIsEmpty(relationshipIds())
            ? 'No relationships defined'
            : sortedIdsMap(relationshipIds(), (relationshipId) => (
                <RelationshipView
                  relationships={relationships()}
                  relationshipsId={props.relationshipsId}
                  relationshipId={relationshipId}
                  s={props.s}
                />
              ))}
        </Details>
      )}
    </>
  );
};

const Header = (props: StoreProp) => {
  const position = useValue(POSITION_VALUE, props.s);