// @flow

import * as React from 'react'
import type {NewsBulletinType} from './types'
import {ListRow, Title} from '../../components/list'
import {Row} from '../../components/layout'
import {fastGetTrimmedText} from '../../../lib/html'
import {AllHtmlEntities} from 'html-entities'

type Props = {
	bulletin: NewsBulletinType,
}

const entities = new AllHtmlEntities()

export class NoonNewsRowView extends React.PureComponent<Props> {
	render() {
		const {bulletin} = this.props

		return (
			<ListRow arrowPosition="none">
				<Row alignItems="center">
					<Title>
						{entities.decode(fastGetTrimmedText(bulletin.description))}
					</Title>
				</Row>
			</ListRow>
		)
	}
}

@@ -137,52 +137,8 @@
 st'%0A
-import %7BRow%7D from '../../components/layout'%0A
 impo
@@ -480,39 +480,8 @@
 e%22%3E%0A
-%09%09%09%09%3CRow alignItems=%22center%22%3E%0A%09
 %09%09%09%09
@@ -488,17 +488,16 @@
 %3CTitle%3E%0A
-%09
 %09%09%09%09%09%7Ben
@@ -557,17 +557,16 @@
 ))%7D%0A%09%09%09%09
-%09
 %3C/Title%3E
@@ -570,19 +570,8 @@
 le%3E%0A
-%09%09%09%09%3C/Row%3E%0A
 %09%09%09%3C

Remove extra row from listrow