require admin component on multiple functions

bottega-code-school · Jun 16, 2018 · 6f16704 · 6f16704
1 parent 1ce7b33
commit 6f16704
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 3 deletions.
diff --git a/src/components/newsletter/newsletterLatest.js b/src/components/newsletter/newsletterLatest.js
@@ -6,6 +6,8 @@ import history from '../../history';
 
 import { ROOT_URL } from '../../config';
 
+import RequireAdmin from '../auth/requireAdmin';
+
 class NewsletterLatest extends Component {
 
     handleEdit = () => {
@@ -18,7 +20,9 @@ class NewsletterLatest extends Component {
             <div className='newsletter-latest'>
                 <h1 className='newsletter-latest__title'>{title}</h1>
                 <img className='newsletter-latest__image' src={`${ROOT_URL}/${imageUrl}`}/>
-                <Button className='newsletter-latest__button' callback={() => this.handleEdit()} icon='fas fa-pencil-alt'/>
+                <RequireAdmin>
+                    <Button className='newsletter-latest__button' callback={() => this.handleEdit()} icon='fas fa-pencil-alt'/>
+                </RequireAdmin>
                 <div className='newsletter-latest__body'>
                     <p>{body}</p>
                 </div>

diff --git a/src/components/requests/requestsGrid.js b/src/components/requests/requestsGrid.js
@@ -8,6 +8,8 @@ import Button from '../button';
 import RequestsBoxes from './requestsBoxes';
 import Requests from './requests';
 
+import RequireAdmin from '../auth/requireAdmin';
+
 class RequestsGrid extends Component {
 
     handleAddRequest = () => {
@@ -21,7 +23,9 @@ class RequestsGrid extends Component {
     render() {
         return (
             <div className='requests-grid'>
-                <Button className='requests-grid__button' icon='fas fa-plus' callback={() => this.handleAddRequest()}/>
+                <RequireAdmin>
+                    <Button className='requests-grid__button' icon='fas fa-plus' callback={() => this.handleAddRequest()}/>
+                </RequireAdmin>
                 <RequestsBoxes/>
                 <Requests/>
             </div>

diff --git a/src/components/requests/requestsItem.js b/src/components/requests/requestsItem.js
@@ -10,6 +10,8 @@ import AnimateHeight from 'react-animate-height';
 
 import { ROOT_URL } from '../../config';
 
+import RequireAdmin from '../auth/requireAdmin';
+
 class RequestsItem extends Component {
 
     constructor() {
@@ -68,7 +70,10 @@ class RequestsItem extends Component {
                     /
                     { parsedDate.getFullYear() - 2000 } 
                 </div>
-                <Button className='requests-item__move' icon={moveButtonIcon} callback={() => this.handleStatus()}/>
+
+                <RequireAdmin>
+                    <Button className='requests-item__move' icon={moveButtonIcon} callback={() => this.handleStatus()}/>
+                </RequireAdmin>
                 <div className='requests-item__description'>
                     <AnimateHeight
                         duration={300}