built require admin component and used it on the new newsletter button

src/components/auth/requireAdmin.js

@@ -0,0 +1,21 @@
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+
+class RequireAdmin extends Component {
+    render() {
+        if(this.props.admin) {
+            return {...this.props.children}
+        }
+        return <div></div>
+    }
+}
+
+function mapStateToProps(state) {
+    const { admin } = state.auth.user;
+    return { admin } 
+}
+
+RequireAdmin = connect(mapStateToProps)(RequireAdmin);
+
+export default RequireAdmin;
+

src/components/newsletter/newsletterGrid.js

@@ -7,6 +7,8 @@ import NewsletterArchive from './newsletterArchive';
 import NewsletterLatest from './newsletterLatest';
 import Button from '../button';
 
+import RequireAdmin from '../auth/requireAdmin';
+
 class NewsletterGrid extends Component {
 
     handleAddNewsletter = () => {
@@ -22,7 +24,9 @@ class NewsletterGrid extends Component {
     render() {
         return (
             <div className='newsletter-grid'>
-                <Button className='newsletter-grid__button' icon='fas fa-plus' callback={() => this.handleAddNewsletter()}/>
+                <RequireAdmin>
+                    <Button className='newsletter-grid__button' icon='fas fa-plus' callback={() => this.handleAddNewsletter()}/>
+                </RequireAdmin>
                 <NewsletterBox {...this.props.latestNewsletter} />
                 <NewsletterArchive/>
                 <NewsletterLatest {...this.props.latestNewsletter}/>