Merge pull request #23 from atiehamidi/fear-add-styling

added some styling for admin dashboard

src/pages/Admin/index.css

@@ -0,0 +1,33 @@
+.adminPage {
+  background: url("https://image.freepik.com/free-vector/bons-foot-prints-pattern-background_1374-18.jpg");
+  color: white;
+  padding: 20px;
+}
+
+.customers {
+  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+  border-collapse: collapse;
+  width: 100%;
+}
+
+.customers td,
+.customers thead {
+  border: 1px solid #ddd;
+  padding: 8px;
+}
+
+.customers tr:nth-child(even) {
+  background-color: black;
+}
+
+.customers tr:hover {
+  background-color: grey;
+}
+
+#customers thead {
+  padding-top: 12px;
+  padding-bottom: 12px;
+  text-align: left;
+  background-color: #4caf50;
+  color: white;
+}

src/pages/Admin/index.js

@@ -4,6 +4,8 @@ import { useSelector, useDispatch } from "react-redux";
 import { selectToken, selectAdmin } from "../../store/user/selectors";
 import { selectOrders } from "../../store/orders/selectors";
 import { fetchOrders, changeOrders } from "../../store/orders/actions";
+import "./index.css";
+
 export default function Admin() {
   const [isdone, setIsdone] = useState("");
   const dispatch = useDispatch();
@@ -20,10 +22,10 @@ export default function Admin() {
   }
 
   return (
-    <div>
+    <div className="adminPage">
       <h3>List Of Orders</h3>
 
-      <table>
+      <table className="customers">
         <thead>
           <tr>
             <th>Id</th>
@@ -63,6 +65,7 @@ export default function Admin() {
           })}
         </tbody>
       </table>
+      <div style={{ height: "500px" }}></div>
     </div>
   );
 }