Renamed tableWrap to tableBox

src/components/App.js

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import Navbar from './Navbar';
-import TableWrap from './TableWrap';
+import TableBox from './TableBox';
 import '../styles/App.css';
 
 const App = () => (
   <div className="App">
     <Navbar />
-    <TableWrap />
+    <TableBox />
   </div>
 );
 

src/components/TableBox.js

@@ -36,7 +36,7 @@ const fetchData = (data) => {
   });
 };
 
-const TableWrap = () => {
+const TableBox = () => {
   const [batLevel, setBatLevel] = useState('');
   const [batStatus, setBatStatus] = useState('');
 
@@ -204,11 +204,11 @@ const TableWrap = () => {
   ];
 
   return (
-    <div className="tableWrap">
+    <div className="tableBox">
       <Table title="Software" data={software} />
       <Table title="Hardware" data={hardware} />
     </div>
   );
 };
 
-export default TableWrap;
+export default TableBox;

src/styles/App.css

@@ -55,7 +55,7 @@ body {
   margin: 0 8px 0 0; 
 }
 
-.tableWrap {
+.tableBox {
   padding: 0 8px;
 }