import * as React from 'react' ; import { ReleaseMetadatas } from "polar-release-metadata/src/ReleaseMetadatas" ; import { Arrays } from "polar-shared/src/util/Arrays" ; import { DateMoment } from "../../../../../web/js/ui/util/DateMoment" ; const releases = ReleaseMetadatas . get ( ) ; export const WhatsNewContent = React . memo ( function WhatsNewContent ( ) { const release = Arrays . first ( releases ) ; if ( ! release ) { return null ; } const VideoEmbed = ( ) => { if ( release . video_embed ) { return ( < div className = "embed-responsive embed-responsive-16by9 mt-1 mb-1" > < iframe className = "embed-responsive-item" width = "560" height = "315" src = { release . video_embed } frameBorder = "0" allow = "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowFullScreen / > < /div>); } return null ; } ; return ( < div > < VideoEmbed /> < h1 > { release . title } < /h1> < div className = "mb-1" > < span className = "text-muted ml-1" > < DateMoment datetime = { release . date } /> < /span> < /div> < div className = "text-sm" dangerouslySetInnerHTML = { { __html : release . html } } > < /div> < /div>); } ) ;