Feat: show delete only to admin

MuhannedNoman · Nov 28, 2020 · 2fe20cf · 2fe20cf
1 parent afca624
commit 2fe20cf
Showing 1 changed file with 18 additions and 11 deletions.
diff --git a/front-end/src/components/Movies/MoviesTable.jsx b/front-end/src/components/Movies/MoviesTable.jsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
+import { getCurrentUser } from '../../services/authService';
 import Table from '../Table';
 import Like from './../Like';
 
@@ -21,19 +22,25 @@ const MoviesTable = ({ movies, sort, onLike, onDelete, onSort }) => {
         <Like liked={movie.liked} onClick={() => onLike(movie)} />
       ),
     },
-    {
-      key: 'delete',
-      content: (movie) => (
-        <button
-          className="btn btn-danger btn-sm"
-          onClick={() => onDelete(movie)}
-        >
-          Delete
-        </button>
-      ),
-    },
   ];
 
+  const deleteColumn =  {
+    key: 'delete',
+    content: (movie) => (
+      <button
+        className="btn btn-danger btn-sm"
+        onClick={() => onDelete(movie)}
+      >
+        Delete
+      </button>
+    ),
+  }
+
+  const user = getCurrentUser();
+  if (user && user.isAdmin) {
+    columns.push(deleteColumn)
+  }
+
   return <Table data={movies} columns={columns} sort={sort} onSort={onSort} />;
 };