How to model your entities - 10

Message.ts

import { TextMessage, ImageMessage, AudioMessage, fold } from ‘./Message’;

const renderMessage = fold(
  (textMessage: TextMessage) => <TextComponent text={message.text} />),
  (imageMessage: ImageMessage) => <ImageComponent url={message.url} description={message.description} />,
  (audioMessage: AudioMessage) => <AudioComponent url={message.url} description={message.description} />
)

// Somewhere in a component far, far away... 
return (
   renderMessage(message)
)