Merge pull request #17 from archit-p/header-refactoring

Break down header code into components

Author: archit-p

package-lock.json

@@ -7,7 +7,7 @@ import {
  useSortBy,
 } from 'react-table';
 import Cell from './cells/Cell';
-import Header from './Header';
+import Header from './header/Header';
 import PlusIcon from './img/Plus';
 import { ActionTypes } from './utils';
 import { FixedSizeList } from 'react-window';

src/Header.jsx

@@ -0,0 +1,24 @@
+import PlusIcon from '../img/Plus';
+import React from 'react';
+import { ActionTypes, Constants } from '../utils';
+
+export default function AddColumnHeader({ getHeaderProps, dataDispatch }) {
+ return (
+ <div {...getHeaderProps()} className="th noselect d-inline-block">
+ <div
+ className="th-content d-flex justify-content-center"
+ onClick={e =>
+ dataDispatch({
+ type: ActionTypes.ADD_COLUMN_TO_LEFT,
+ columnId: Constants.ADD_COLUMN_ID,
+ focus: true,
+ })
+ }
+ >
+ <span className="svg-icon-sm svg-gray">
+ <PlusIcon />
+ </span>
+ </div>
+ </div>
+ );
+}