overview changes

Co-authored-by: David Ralph <me@davidcralph.co.uk>

src/components/modals/main/settings/sections/Overview.jsx

@@ -38,6 +38,14 @@ export default class OrderSettings extends PureComponent {
     super();
     this.state = {
       items: JSON.parse(localStorage.getItem('order')),
+      news: {
+        title: '',
+        date: '',
+        description: '',
+        link: '',
+        linkText: ''
+      },
+      newsDone: false
     };
   }
 
@@ -96,12 +104,24 @@ export default class OrderSettings extends PureComponent {
     }
   };
 
+  async getNews() {
+    const data = await (await fetch('https://api.muetab.com/news')).json();
+    this.setState({
+      news: data.news,
+      newsDone: true
+    });
+  }
+
   componentDidUpdate() {
     localStorage.setItem('order', JSON.stringify(this.state.items));
     variables.stats.postEvent('setting', 'Widget order');
     EventBus.dispatch('refresh', 'widgets');
   }
 
+  componentDidMount() {
+    this.getNews();
+  }
+
   render() {
     return (
       <>
@@ -131,6 +151,12 @@ export default class OrderSettings extends PureComponent {
                 })}
               </div>
             </div>
+            <div style={{ display: "flex", flexFlow: "column" }}> 
+            <span className='title'>{this.state.news.title}</span>
+            <span className='subtitle'>{this.state.news.date}</span>
+            <span>{this.state.news.description}</span>
+            <a className='link' href={this.state.news.link}>{this.state.news.linkText}</a>
+            </div>
           </div>
           <div>
             <span className="title">