From 9b6c5af09dbf4064818a63a79fd4d060e67682a3 Mon Sep 17 00:00:00 2001
From: Kayne Ruse <kayneruse@gmail.com>
Date: Thu, 11 Mar 2021 14:58:24 +1100
Subject: [PATCH] "articles" are always an array

---
 client/components/panels/news-editor.jsx | 2 +-
 client/components/panels/news-feed.jsx   | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/components/panels/news-editor.jsx b/client/components/panels/news-editor.jsx
index 43ec56b..f091631 100644
--- a/client/components/panels/news-editor.jsx
+++ b/client/components/panels/news-editor.jsx
@@ -41,7 +41,7 @@ const NewsEditor = props => {
 			<div>
 				<label htmlFor='article'>Article: </label>
 				<Select
-					options={(articles).map(article => { return { label: article.title, value: article.index }; })}
+					options={articles.map(article => { return { label: article.title, value: article.index }; })}
 					onChange={async values => {
 						//fetch this article
 						const index = values[0].value;
diff --git a/client/components/panels/news-feed.jsx b/client/components/panels/news-feed.jsx
index 323674b..04dd210 100644
--- a/client/components/panels/news-feed.jsx
+++ b/client/components/panels/news-feed.jsx
@@ -3,7 +3,7 @@ import dateFormat from 'dateformat';
 
 //DOCS: props.uri is the address of a live news-server
 const NewsFeed = props => {
-	const [articles, setArticles] = useState(null);
+	const [articles, setArticles] = useState([]);
 
 	useEffect(async () => {
 		const result = await fetch(props.uri, {
@@ -26,7 +26,7 @@ const NewsFeed = props => {
 	return (
 		<div>
 			<h1 className='centered'>News Feed</h1>
-			{(articles || []).map((article, index) => {
+			{articles.map((article, index) => {
 				return (
 					<div key={index}>
 						<hr />