Fixes initial state setup. Adjusts naming of Table exports.

Author: Matthew Grill

src/components/05_pages/Permissions/Permissions.js

@@ -3,7 +3,7 @@ import makeCancelable from 'makecancelable';
 import { Markup } from 'interweave';
 
 import Loading from '../../Helpers/Loading';
-import { Table, TableBody, TableHeaderSimple } from '../../UI/Table';
+import { Table, TBody, THead } from '../../UI/Table';
 
 const Permissions = class Permissions extends Component {
   state = {
@@ -28,12 +28,8 @@ const Permissions = class Permissions extends Component {
       ])
         .then(([permissions, { data: roles }]) =>
           this.setState({
-            rawPermissions: Object.keys(permissions).map(
-              key => permissions[key],
-            ),
-            renderablePermissions: Object.keys(permissions).map(
-              key => permissions[key],
-            ),
+            rawPermissions: permissions,
+            renderablePermissions: permissions,
             changedRoles: [],
             // Move admin roles to the right.
             roles: roles.sort((a, b) => {
@@ -136,15 +132,15 @@ const Permissions = class Permissions extends Component {
           onKeyDown={this.handleKeyPress}
         />
         <Table zebra>
-          <TableHeaderSimple
+          <THead
             data={[
               'PERMISSION',
               ...this.state.roles.map(({ attributes: { label } }) =>
                 label.toUpperCase(),
               ),
             ]}
           />
-          <TableBody
+          <TBody
             rows={this.createTableRows(
               this.groupPermissions(this.state.renderablePermissions),
               this.state.roles,

src/components/UI/table.js

@@ -70,10 +70,4 @@ TBODY.propTypes = {
   ).isRequired,
 };
 
-export {
-  TR as TableRow,
-  TD as TableData,
-  TABLE as Table,
-  TBODY as TableBody,
-  THEAD as TableHeaderSimple,
-};
+export { TR, TD, TABLE as Table, TBODY as TBody, THEAD as THead };