Function Row

data-browser/src/components/Table.tsx:145–163

({ subject, propsArray }: RowProps)

};

function Row({ subject, propsArray }: RowProps): JSX.Element {
  const resource = useResource(subject, {
    // We don't need to fetch all members for Collections when looking at a Table view.
    allowIncomplete: true,
  });
  if (resource === null) {
    return null;
  }
  return (
    <RowStyled about={subject}>
      <CellStyled>
        <ResourceInline subject={subject} />
      </CellStyled>
      {propsArray.map(prop => {
        return <Cell key={prop} resource={resource} prop={prop} />;
      })}
    </RowStyled>
  );
}

const RowStyled = styled.tr`
  background-color: ${p => p.theme.colors.bg};