Function ValueComp

data-browser/src/components/ValueComp.tsx:24–50

Renders a value in a fitting way, depending on its DataType

({ value, datatype, noMargin }: Props)

/** Renders a value in a fitting way, depending on its DataType */
function ValueComp({ value, datatype, noMargin }: Props): JSX.Element {
  try {
    switch (datatype) {
      case Datatype.ATOMIC_URL: {
        const resource = valToResource(value);
        if (typeof resource == 'string') {
          return <ResourceInline subject={resource} />;
        }
        return <Nestedresource resource={resource} />;
      }
      case (Datatype.DATE, Datatype.TIMESTAMP):
        return <DateTime date={valToDate(value)} />;
      case Datatype.MARKDOWN:
        return <Markdown text={valToString(value)} noMargin={noMargin} />;
      case Datatype.RESOURCEARRAY:
        return <ResourceArray subjects={valToArray(value)} />;
      default:
        return <div>{valToString(value)}</div>;
    }
  } catch (e) {
    return (
      <ErrMessage>
        {e.message} original value: {value.toString()}
      </ErrMessage>
    );
  }
}

export default ValueComp;