diff --git a/package.json b/package.json
index f5a7e067..89e2ce19 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
"array-move": "^2.1.0",
"date-fns": "^2.0.0-beta.5",
"firebase": "^6.6.0",
+ "formik": "^1.5.8",
"lodash": "^4.17.15",
"ramda": "^0.26.1",
"react": "^16.9.0",
@@ -27,7 +28,8 @@
"react-router-dom": "^5.0.1",
"react-scripts": "3.1.1",
"react-virtualized": "^9.21.1",
- "typescript": "3.6.2"
+ "typescript": "3.6.2",
+ "yup": "^0.27.0"
},
"scripts": {
"start": "react-scripts start",
diff --git a/src/components/ColumnDrawer.tsx b/src/components/ColumnDrawer.tsx
index 3424a3e3..5056f837 100644
--- a/src/components/ColumnDrawer.tsx
+++ b/src/components/ColumnDrawer.tsx
@@ -29,7 +29,7 @@ const useStyles = makeStyles({
});
export default function ColumnDrawer(props: any) {
- const { addColumn } = props;
+ const { addColumn, columns } = props;
const classes = useStyles();
const [drawerState, toggleDrawer] = useState(false);
const [columnName, setColumnName] = useState("");
diff --git a/src/components/Table.tsx b/src/components/Table.tsx
index e2efc494..bb178d6e 100644
--- a/src/components/Table.tsx
+++ b/src/components/Table.tsx
@@ -21,7 +21,7 @@ import { FieldType, getFieldIcon } from "../Fields";
import ColumnDrawer from "./ColumnDrawer";
import TableCell from "../components/TableCell";
-import useCell, { Cell } from "../hooks/useCell";
+import useCell, { Cell } from "../hooks/useFiretable/useCell";
import useFiretable, {
FiretableActions,
FiretableState
@@ -144,7 +144,10 @@ class MuiVirtualizedTable extends React.PureComponent<
align={columns[columnIndex].numeric || false ? "right" : "left"}
>
{dataKey === "add" ? (
-
+
) : (