Function render

apps/web/ui/Message/index.tsx:89–177

(node: any)

  const tree = transform(parse(input));

  function render(node: any): React.ReactNode {
    switch (node.type) {
      case 'root':
        return (node as RootNode).children.map(render);
      case 'bold':
        return (
          <strong key={node.cid}>
            {(node as BoldNode).children.map(render)}
          </strong>
        );
      case 'italic':
        return (
          <em className={styles.italic} key={node.cid}>
            {(node as ItalicNode).children.map(render)}
          </em>
        );
      case 'strike':
        return (
          <del key={node.cid}>{(node as StrikeNode).children.map(render)}</del>
        );
      case 'quote':
        return (
          <Quote key={node.cid}>
            {(node as QuoteNode).children.map(render)}
          </Quote>
        );
      case 'header':
        return (
          <Header depth={node.depth} key={node.cid}>
            {(node as HeaderNode).children.map(render)}
          </Header>
        );
      case 'text':
        return <Text key={node.cid} value={(node as TextNode).value} />;
      case 'user':
        return (
          <Mention
            tag="@"
            key={node.cid}
            value={(node as UserNode).id}
            mentions={mentions}
          />
        );
      case 'list':
        return (
          <List key={node.cid} ordered={node.ordered}>
            {node.children.map(render)}
          </List>
        );
      case 'item':
        return <li key={node.cid}>{node.children.map(render)}</li>;
      case 'signal':
        return (
          <Mention
            tag="!"
            key={node.cid}
            value={(node as UserNode).id}
            mentions={mentions}