Function String

web/src/framework/strings/String.tsx:56–76

(props: StringProps)

}

export function String(props: StringProps): React.ReactElement | null {
  const { stringID, vars, useRichText, tagName, ...rest } = props
  const { getString } = useStrings()
  const Tag = tagName as ElementType

  try {
    const text = getString(stringID, vars)

    return useRichText ? (
      <Tag {...(rest as unknown as {})} dangerouslySetInnerHTML={{ __html: text }} />
    ) : (
      <Tag {...(rest as unknown as {})}>{text}</Tag>
    )
  } catch (e) {
    if (process.env.NODE_ENV !== 'production') {
      return <Tag style={{ color: 'var(--red-500)' }}>{get(e, 'message', e)}</Tag>
    }

    return null
  }
}

String.defaultProps = {
  tagName: 'span'