From 575e557ac7a2543457266b03dae07f69f99f065f Mon Sep 17 00:00:00 2001 From: Sidney Alcantara Date: Sun, 22 Sep 2019 23:49:48 +1000 Subject: [PATCH] add TODOs to create props interfaces for components --- src/components/ColumnDialog.tsx | 1 + src/components/ColumnDrawer.tsx | 1 + src/components/CreateTableDialog.tsx | 1 + src/components/Fields/CheckBox.tsx | 1 + src/components/Fields/Date.tsx | 1 + src/components/Fields/DateTime.tsx | 1 + src/components/Fields/Image.tsx | 1 + src/components/Fields/Number.tsx | 1 + src/components/Fields/Rating.tsx | 1 + src/components/Fields/SimpleText.tsx | 1 + src/components/Navigation.tsx | 1 + src/components/Table.tsx | 1 + src/components/TableCell.tsx | 1 + src/views/TablesView.tsx | 1 + 14 files changed, 14 insertions(+) diff --git a/src/components/ColumnDialog.tsx b/src/components/ColumnDialog.tsx index 434150ef..b94b6103 100644 --- a/src/components/ColumnDialog.tsx +++ b/src/components/ColumnDialog.tsx @@ -13,6 +13,7 @@ import { } from "@material-ui/core"; import AddIcon from "@material-ui/icons/Add"; +// TODO: Create an interface for props export default function ColumnDialog(props: any) { const { classes, columnName, updateColumn } = props; const [open, setOpen] = React.useState(false); diff --git a/src/components/ColumnDrawer.tsx b/src/components/ColumnDrawer.tsx index f39a47dc..68f106af 100644 --- a/src/components/ColumnDrawer.tsx +++ b/src/components/ColumnDrawer.tsx @@ -34,6 +34,7 @@ const useStyles = makeStyles(() => }) ); +// TODO: Create an interface for props export default function ColumnDrawer(props: any) { const { addColumn, columns } = props; const classes = useStyles(); diff --git a/src/components/CreateTableDialog.tsx b/src/components/CreateTableDialog.tsx index bda302c5..a016e46a 100644 --- a/src/components/CreateTableDialog.tsx +++ b/src/components/CreateTableDialog.tsx @@ -13,6 +13,7 @@ import { Fab, } from "@material-ui/core"; +// TODO: Create an interface for props export default function CreateTableDialog(props: any) { const { classes, createTable } = props; const [open, setOpen] = React.useState(false); diff --git a/src/components/Fields/CheckBox.tsx b/src/components/Fields/CheckBox.tsx index b4e92e67..2f99b175 100644 --- a/src/components/Fields/CheckBox.tsx +++ b/src/components/Fields/CheckBox.tsx @@ -2,6 +2,7 @@ import React from "react"; import { Checkbox } from "@material-ui/core"; +// TODO: Create an interface for props const CheckBox = (props: any) => { const { columnData, cellData, cellActions, rowData, rowIndex } = props; return ( diff --git a/src/components/Fields/Date.tsx b/src/components/Fields/Date.tsx index 6181d128..7a50928a 100644 --- a/src/components/Fields/Date.tsx +++ b/src/components/Fields/Date.tsx @@ -9,6 +9,7 @@ import { DatePicker, } from "@material-ui/pickers"; +// TODO: Create an interface for props const Date = (props: any) => { const { isFocusedCell, diff --git a/src/components/Fields/DateTime.tsx b/src/components/Fields/DateTime.tsx index ee6fcb45..7b243771 100644 --- a/src/components/Fields/DateTime.tsx +++ b/src/components/Fields/DateTime.tsx @@ -9,6 +9,7 @@ import { DateTimePicker, } from "@material-ui/pickers"; +// TODO: Create an interface for props const DateTime = (props: any) => { const { isFocusedCell, diff --git a/src/components/Fields/Image.tsx b/src/components/Fields/Image.tsx index 25b23ddb..08dd5c1e 100644 --- a/src/components/Fields/Image.tsx +++ b/src/components/Fields/Image.tsx @@ -3,6 +3,7 @@ import { useDropzone } from "react-dropzone"; import useUploader from "../../hooks/useFiretable/useUploader"; // TODO: indecate state completion / error +// TODO: Create an interface for props const Image = (props: any) => { const { columnData, cellData, cellActions, rowData, rowIndex } = props; const [uploaderState, upload] = useUploader(); diff --git a/src/components/Fields/Number.tsx b/src/components/Fields/Number.tsx index ce8d7673..3f2f405e 100644 --- a/src/components/Fields/Number.tsx +++ b/src/components/Fields/Number.tsx @@ -2,6 +2,7 @@ import React from "react"; import { TextField } from "@material-ui/core"; +// TODO: Create an interface for props const Number = (props: any) => { const { isFocusedCell, cellData, cellActions } = props; if (isFocusedCell) diff --git a/src/components/Fields/Rating.tsx b/src/components/Fields/Rating.tsx index db28ddc9..96763693 100644 --- a/src/components/Fields/Rating.tsx +++ b/src/components/Fields/Rating.tsx @@ -1,6 +1,7 @@ import React from "react"; import MuiRating from "@material-ui/lab/Rating"; +// TODO: Create an interface for props const Rating = (props: any) => { const { columnData, cellData, cellActions, rowData, rowIndex } = props; return ( diff --git a/src/components/Fields/SimpleText.tsx b/src/components/Fields/SimpleText.tsx index b7feb26c..5daa76d1 100644 --- a/src/components/Fields/SimpleText.tsx +++ b/src/components/Fields/SimpleText.tsx @@ -2,6 +2,7 @@ import React from "react"; import { TextField } from "@material-ui/core"; +// TODO: Create an interface for props const SimpleText = (props: any) => { const { isFocusedCell, cellData, cellActions } = props; diff --git a/src/components/Navigation.tsx b/src/components/Navigation.tsx index 1f7e5941..0b63eb23 100644 --- a/src/components/Navigation.tsx +++ b/src/components/Navigation.tsx @@ -57,6 +57,7 @@ const useStyles = makeStyles(theme => }) ); +// TODO: Create an interface for props const Navigation = (props: any) => { const router = useRouter(); const classes = useStyles(); diff --git a/src/components/Table.tsx b/src/components/Table.tsx index 585e0981..75f299f4 100644 --- a/src/components/Table.tsx +++ b/src/components/Table.tsx @@ -205,6 +205,7 @@ class MuiVirtualizedTable extends React.PureComponent< const VirtualizedTable = withStyles(styles)(MuiVirtualizedTable); +// TODO: Create an interface for props export default function Table(props: any) { const { collection } = props; const { tableState, tableActions } = useFiretable(collection); diff --git a/src/components/TableCell.tsx b/src/components/TableCell.tsx index e2a2578c..e1794878 100644 --- a/src/components/TableCell.tsx +++ b/src/components/TableCell.tsx @@ -17,6 +17,7 @@ import Date from "./Fields/Date"; import DateTime from "./Fields/DateTime"; import Image from "./Fields/Image"; +// TODO: Create an interface for props const TableCell = (props: any) => { const { fieldType, diff --git a/src/views/TablesView.tsx b/src/views/TablesView.tsx index a06a837f..e2f5941d 100644 --- a/src/views/TablesView.tsx +++ b/src/views/TablesView.tsx @@ -33,6 +33,7 @@ const useStyles = makeStyles(() => }) ); +// TODO: Create an interface for props const TablesView = (props: any) => { const [settings, createTable] = useSettings(); const tables = settings.tables;