capitalise context names

www/src/App.tsx

@@ -13,8 +13,8 @@ import Loading from "./components/Loading";
 
 import { SnackProvider } from "./utils/SnackProvider";
 import ConfirmationProvider from "components/ConfirmationDialog/Provider";
-import { AppProvider } from "./contexts/appContext";
-import { FiretableContextProvider } from "./contexts/firetableContext";
+import { AppProvider } from "contextsAppContext";
+import { FiretableContextProvider } from "contexts/FiretableContext";
 import routes from "constants/routes";
 
 import AuthView from "pages/Auth/GoogleAuth";

www/src/components/ConnectServiceSelect/PopupContents.tsx

@@ -23,7 +23,7 @@ import { IConnectServiceSelectProps } from ".";
 import useStyles from "./styles";
 import Loading from "components/Loading";
 
-import { useFiretableContext } from "../../contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 
 export interface IPopupContentsProps
   extends Omit<IConnectServiceSelectProps, "className" | "TextFieldProps"> {}

www/src/components/DatePicker/Dialog.tsx

@@ -18,7 +18,7 @@ import {
   DatePickerProps,
 } from "@material-ui/pickers";
 
-import { useFiretableContext } from "contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 
 const useStyles = makeStyles((theme) =>
   createStyles({

www/src/components/HomeNavigation/NavDrawer.tsx

@@ -21,7 +21,7 @@ import AddIcon from "@material-ui/icons/Add";
 import { APP_BAR_HEIGHT } from ".";
 import FiretableLogo from "assets/FiretableLogo";
 
-import { useFiretableContext } from "contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 import useRouter from "hooks/useRouter";
 
 export const NAV_DRAWER_WIDTH = 300;

www/src/components/Navigation/Breadcrumbs.tsx

@@ -13,7 +13,7 @@ import {
 } from "@material-ui/core";
 import ArrowRightIcon from "@material-ui/icons/ArrowRight";
 
-import { useFiretableContext } from "contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 import useRouter from "hooks/useRouter";
 import routes from "constants/routes";
 import { DRAWER_COLLAPSED_WIDTH } from "components/SideDrawer";

www/src/components/Navigation/NavDrawer.tsx

@@ -21,7 +21,7 @@ import { APP_BAR_HEIGHT } from ".";
 import FiretableLogo from "assets/FiretableLogo";
 import NavDrawerItem from "./NavDrawerItem";
 
-import { useFiretableContext } from "contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 import { routes } from "constants/routes";
 
 export const NAV_DRAWER_WIDTH = 300;

www/src/components/Navigation/NavDrawerItem.tsx

@@ -14,7 +14,7 @@ import {
 import { fade } from "@material-ui/core/styles";
 import ArrowDropDownIcon from "@material-ui/icons/ArrowDropDown";
 
-import { Table } from "contexts/firetableContext";
+import { Table } from "contexts/FiretableContext";
 import { routes } from "constants/routes";
 
 const useStyles = makeStyles((theme) =>

www/src/components/Navigation/UserMenu.tsx

@@ -18,7 +18,7 @@ import AccountCircleIcon from "@material-ui/icons/AccountCircle";
 import ArrowRightIcon from "@material-ui/icons/ArrowRight";
 import CheckIcon from "@material-ui/icons/Check";
 
-import { useAppContext } from "contexts/appContext";
+import { useAppContext } from "contexts/AppContext";
 import routes from "constants/routes";
 
 const useStyles = makeStyles((theme) =>

www/src/components/Navigation/index.tsx

@@ -15,7 +15,7 @@ import Breadcrumbs from "./Breadcrumbs";
 import NavDrawer from "./NavDrawer";
 
 import { DRAWER_COLLAPSED_WIDTH } from "components/SideDrawer";
-import { useFiretableContext } from "contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 import UserMenu from "./UserMenu";
 
 export const APP_BAR_HEIGHT = 56;

www/src/components/SideDrawer/Form/Autosave.tsx

@@ -9,8 +9,8 @@ import _reduce from "lodash/reduce";
 import { Control, useWatch } from "react-hook-form";
 import { Values } from "./utils";
 
-import { useAppContext } from "contexts/appContext";
-import { useFiretableContext, firetableUser } from "contexts/firetableContext";
+import { useAppContext } from "contexts/AppContext";
+import { useFiretableContext, firetableUser } from "contexts/FiretableContext";
 
 export interface IAutosaveProps {
   control: Control;

www/src/components/SideDrawer/Form/index.tsx

@@ -10,8 +10,8 @@ import { FieldType } from "constants/fields";
 import Autosave from "./Autosave";
 import FieldWrapper from "./FieldWrapper";
 
-import { useAppContext } from "contexts/appContext";
-import { useFiretableContext } from "contexts/firetableContext";
+import { useAppContext } from "contexts/AppContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 
 import Text from "./Fields/Text";
 const Url = lazy(

www/src/components/SideDrawer/index.tsx

@@ -13,7 +13,7 @@ import { Field } from "./Form/utils";
 import ErrorBoundary from "components/ErrorBoundary";
 
 import { useStyles } from "./useStyles";
-import { useFiretableContext } from "contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 import { FieldType } from "constants/fields";
 import useDoc from "hooks/useDoc";
 

www/src/components/Snack.tsx

@@ -1,6 +1,6 @@
 import React, { useContext, useEffect } from "react";
 import Snackbar, { SnackbarOrigin } from "@material-ui/core/Snackbar";
-import { SnackContext } from "../contexts/snackContext";
+import { SnackContext } from "contextsSnackContext";
 import MuiAlert, { AlertProps } from "@material-ui/lab/Alert";
 import { makeStyles, Theme } from "@material-ui/core/styles";
 

www/src/components/Table/BulkActions/index.tsx

@@ -21,8 +21,8 @@ import DeleteIcon from "@material-ui/icons/DeleteForever";
 import ArrowDropUpIcon from "@material-ui/icons/ArrowDropUp";
 
 import { useConfirmation } from "components/ConfirmationDialog/Context";
-import { useFiretableContext } from "contexts/firetableContext";
-import { useSnackContext } from "contexts/snackContext";
+import { useFiretableContext } from "contexts/FiretableContext";
+import { useSnackContext } from "contexts/SnackContext";
 import { formatPath } from "utils/fns";
 import { cloudFunction } from "firebase/callables";
 

www/src/components/Table/ColumnHeader.tsx

@@ -18,7 +18,7 @@ import SortDescIcon from "@material-ui/icons/ArrowDownward";
 import DropdownIcon from "@material-ui/icons/ArrowDropDownCircle";
 
 import { getFieldIcon, FieldType } from "constants/fields";
-import { useFiretableContext } from "contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 import { FiretableOrderBy } from "hooks/useFiretable";
 
 const useStyles = makeStyles((theme) =>

www/src/components/Table/ColumnMenu/Settings/index.tsx

@@ -16,7 +16,7 @@ import {
 import CloseIcon from "@material-ui/icons/Close";
 import { FieldType } from "constants/fields";
 import OptionsInput from "./ConfigFields/OptionsInput";
-import { useFiretableContext } from "contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 import MultiSelect from "@antlerengineering/multiselect";
 import _sortBy from "lodash/sortBy";
 import FieldsDropdown from "../FieldsDropdown";

www/src/components/Table/ColumnMenu/index.tsx

@@ -23,7 +23,7 @@ import NewColumn from "./NewColumn";
 import TypeChange from "./TypeChange";
 import Settings from "./Settings";
 
-import { useFiretableContext } from "contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 import { FIELDS, FieldType } from "constants/fields";
 import _find from "lodash/find";
 import { Column } from "react-data-grid";

www/src/components/Table/EmptyTable.tsx

@@ -12,7 +12,7 @@ import AddColumnIcon from "assets/icons/AddColumn";
 
 import { APP_BAR_HEIGHT } from "components/Navigation";
 
-import { useFiretableContext } from "contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 import ColumnMenu from "./ColumnMenu";
 import ImportWizard from "components/Wizards/ImportWizard";
 import ImportCSV from "./TableHeader/ImportCsv";

www/src/components/Table/Filters/index.tsx

@@ -24,10 +24,10 @@ import ButtonWithStatus from "components/ButtonWithStatus";
 
 import { FieldType } from "constants/fields";
 import { FireTableFilter } from "hooks/useFiretable";
-import { useFiretableContext } from "contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 
 import DocSelector from "./DocSelector";
-import { useAppContext } from "contexts/appContext";
+import { useAppContext } from "contexts/AppContext";
 import { DocActions } from "hooks/useDoc";
 const OPERATORS = [
   {

www/src/components/Table/FinalColumnHeader.tsx

@@ -4,7 +4,7 @@ import { Column } from "react-data-grid";
 import { makeStyles, createStyles, Grid, Button } from "@material-ui/core";
 import AddColumnIcon from "assets/icons/AddColumn";
 
-import { useFiretableContext } from "contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 
 const useStyles = makeStyles(() =>
   createStyles({

www/src/components/Table/HiddenFields.tsx

@@ -9,8 +9,8 @@ import MultiSelect from "@antlerengineering/multiselect";
 import ButtonWithStatus from "components/ButtonWithStatus";
 import Column from "components/Wizards/Column";
 
-import { useFiretableContext } from "contexts/firetableContext";
-import { useAppContext } from "contexts/appContext";
+import { useFiretableContext } from "contexts/FiretableContext";
+import { useAppContext } from "contexts/AppContext";
 import { DocActions } from "hooks/useDoc";
 import { formatSubTableName } from "../../utils/fns";
 const useStyles = makeStyles((theme) =>

www/src/components/Table/HotKeys.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import useHotkeys from "../../hooks/useHotkeys";
 import { FieldType } from "constants/fields";
-import { useAppContext } from "contexts/appContext";
+import { useAppContext } from "contexts/AppContext";
 
 // TODO: Hook up to FiretableContext
 const onSubmit = (a: any, b: any, c?: any) => (a: any) => {};

www/src/components/Table/Settings/Webhooks.tsx

@@ -15,7 +15,7 @@ import MenuItem from "@material-ui/core/MenuItem";
 import Select from "@material-ui/core/Select";
 import Switch from "@material-ui/core/Switch";
 import CodeEditor from "../editors/CodeEditor";
-import { useFiretableContext } from "../../../contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 import { WEBHOOK_URL } from "../../../firebase";
 import { makeId } from "../../../utils/fns";
 import { DocActions } from "hooks/useDoc";

www/src/components/Table/TableHeader/ExportCsv.tsx

@@ -20,8 +20,8 @@ import {
 } from "@material-ui/core";
 import ExportIcon from "assets/icons/Export";
 
-import { SnackContext } from "contexts/snackContext";
-import { useFiretableContext } from "contexts/firetableContext";
+import { SnackContext } from "contexts/SnackContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 import { db } from "../../../firebase";
 import { FieldType } from "constants/fields";
 import { isCollectionGroup } from "utils/fns";

www/src/components/Table/TableHeader/TableSettings.tsx

@@ -6,7 +6,7 @@ import SettingsIcon from "@material-ui/icons/Settings";
 import TableSettingsDialog, {
   TableSettingsDialogModes,
 } from "components/TableSettings";
-import { useFiretableContext } from "contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 
 export default function TableSettings() {
   const [open, setOpen] = useState(false);

www/src/components/Table/TableHeader/index.tsx

@@ -19,7 +19,7 @@ import ImportCSV from "./ImportCsv";
 import ExportCSV from "./ExportCsv";
 import TableSettings from "./TableSettings";
 
-import { useFiretableContext } from "contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 import { FieldType } from "constants/fields";
 import HiddenFields from "../HiddenFields";
 

www/src/components/Table/editors/CodeEditor.tsx

@@ -1,7 +1,7 @@
 import React, { useRef, useMemo, useState } from "react";
 import { useTheme, createStyles, makeStyles } from "@material-ui/core/styles";
 import Editor, { monaco } from "@monaco-editor/react";
-import { useFiretableContext } from "contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 import { FieldType } from "constants/fields";
 import { setTimeout } from "timers";
 

www/src/components/Table/editors/SideDrawerEditor.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect } from "react";
 import { EditorProps } from "react-data-grid";
 import _findIndex from "lodash/findIndex";
-import { useFiretableContext } from "contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 
 import { makeStyles } from "@material-ui/core";
 import styles from "./styles";

www/src/components/Table/formatters/Action/ActionFab.tsx

@@ -10,8 +10,8 @@ import {
 import PlayIcon from "@material-ui/icons/PlayArrow";
 import RefreshIcon from "@material-ui/icons/Refresh";
 import UndoIcon from "@material-ui/icons/Undo";
-import { useFiretableContext } from "contexts/firetableContext";
-import { SnackContext } from "contexts/snackContext";
+import { useFiretableContext } from "contexts/FiretableContext";
+import { SnackContext } from "contexts/SnackContext";
 import { cloudFunction } from "firebase/callables";
 import { sanitiseRowData } from "utils/fns";
 import { formatPath } from "../../../../utils/fns";

www/src/components/Table/formatters/Code.tsx

@@ -7,7 +7,7 @@ import {
   // Tooltip, Fade
 } from "@material-ui/core";
 
-// import { useFiretableContext } from "contexts/firetableContext";
+// import { useFiretableContext } from "contexts/FiretableContext";
 
 // type StylesProps = { width: number; rowHeight: number };
 

www/src/components/Table/formatters/ConnectService.tsx

@@ -5,7 +5,7 @@ import _get from "lodash/get";
 import { createStyles, makeStyles, Grid, Chip } from "@material-ui/core";
 
 import ConnectServiceSelect from "components/ConnectServiceSelect";
-import { useFiretableContext } from "contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 
 const useStyles = makeStyles((theme) =>
   createStyles({

www/src/components/Table/formatters/ConnectTable.tsx

@@ -5,7 +5,7 @@ import { CustomCellProps } from "./withCustomCell";
 import { createStyles, makeStyles, Grid, Chip } from "@material-ui/core";
 
 import ConnectTableSelect from "components/ConnectTableSelect";
-import { useFiretableContext } from "contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 
 const useStyles = makeStyles((theme) =>
   createStyles({

www/src/components/Table/formatters/Date.tsx

@@ -18,7 +18,7 @@ import {
   DatePickerProps,
 } from "@material-ui/pickers";
 
-import { useFiretableContext } from "contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 
 const useStyles = makeStyles((theme) =>
   createStyles({

www/src/components/Table/formatters/FinalColumn.tsx

@@ -11,9 +11,9 @@ import {
 import CopyCellsIcon from "assets/icons/CopyCells";
 import DeleteIcon from "@material-ui/icons/DeleteForever";
 
-import { SnackContext } from "contexts/snackContext";
+import { SnackContext } from "contexts/SnackContext";
 import { useConfirmation } from "components/ConfirmationDialog/Context";
-import { useFiretableContext } from "contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 import useKeyPress from "hooks/useKeyPress";
 
 const useStyles = makeStyles((theme) =>

www/src/components/Table/formatters/Image.tsx

@@ -21,7 +21,7 @@ import OpenIcon from "@material-ui/icons/OpenInNewOutlined";
 import { useConfirmation } from "components/ConfirmationDialog";
 import useUploader, { FileValue } from "hooks/useFiretable/useUploader";
 import { IMAGE_MIME_TYPES } from "constants/fields";
-import { useFiretableContext } from "contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 import Thumbnail from "components/Thumbnail";
 
 const useStyles = makeStyles((theme) =>

www/src/components/Table/formatters/Json.tsx

@@ -8,7 +8,7 @@ import {
   // Tooltip, Fade
 } from "@material-ui/core";
 
-// import { useFiretableContext } from "contexts/firetableContext";
+// import { useFiretableContext } from "contexts/FiretableContext";
 
 // type StylesProps = { width: number; rowHeight: number };
 

www/src/components/Table/formatters/LongText.tsx

@@ -7,7 +7,7 @@ import {
   // Tooltip, Fade
 } from "@material-ui/core";
 
-// import { useFiretableContext } from "contexts/firetableContext";
+// import { useFiretableContext } from "contexts/FiretableContext";
 
 // type StylesProps = { width: number; rowHeight: number };
 

www/src/components/Table/formatters/MultiSelect.tsx

@@ -13,7 +13,7 @@ import {
 import MultiSelect_ from "@antlerengineering/multiselect";
 import FormattedChip, { VARIANTS } from "components/FormattedChip";
 import { FieldType } from "constants/fields";
-import { useFiretableContext } from "contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 
 const useStyles = makeStyles((theme) =>
   createStyles({

www/src/components/Table/formatters/RichText.tsx

@@ -4,7 +4,7 @@ import { CustomCellProps } from "./withCustomCell";
 
 import { makeStyles, createStyles, Tooltip, Fade } from "@material-ui/core";
 
-import { useFiretableContext } from "contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 import RenderedHtml from "components/RenderedHtml";
 
 type StylesProps = { width: number; rowHeight: number };

www/src/components/Table/formatters/withCustomCell.tsx

@@ -5,7 +5,7 @@ import { FormatterProps } from "react-data-grid";
 import { Link } from "@material-ui/core";
 
 import ErrorBoundary from "components/ErrorBoundary";
-import { useFiretableContext } from "../../../contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 
 import { FieldType } from "constants/fields";
 import { getCellValue } from "utils/fns";

www/src/components/Table/index.tsx

@@ -20,7 +20,7 @@ import ColumnMenu from "./ColumnMenu";
 import FinalColumnHeader from "./FinalColumnHeader";
 import FinalColumn from "./formatters/FinalColumn";
 
-import { useFiretableContext } from "contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 
 import { FieldType } from "constants/fields";
 import { getFormatter } from "./formatters";
@@ -28,7 +28,7 @@ import { getEditor } from "./editors";
 
 import useWindowSize from "hooks/useWindowSize";
 import useStyles from "./styles";
-import { useAppContext } from "contexts/appContext";
+import { useAppContext } from "contexts/AppContext";
 import _get from "lodash/get";
 
 export type FiretableColumn = Column<any> & {

www/src/components/TableSettings/index.tsx

@@ -15,7 +15,7 @@ import GoIcon from "assets/icons/Go";
 import { FormDialog } from "@antlerengineering/form-builder";
 import { tableSettings } from "./form";
 
-import { useFiretableContext } from "../../contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 import useRouter from "../../hooks/useRouter";
 import { db } from "../../firebase";
 

www/src/components/Wizards/ImportCsvWizard/Step1Columns.tsx

@@ -22,7 +22,7 @@ import { IStepProps } from ".";
 import FadeList from "../FadeList";
 import Column from "../Column";
 
-import { useFiretableContext } from "contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 import { FieldType } from "constants/fields";
 import { suggestType } from "../ImportWizard/utils";
 

www/src/components/Wizards/ImportCsvWizard/Step3Preview.tsx

@@ -9,7 +9,7 @@ import { IStepProps } from ".";
 import Column from "../Column";
 import Cell from "../Cell";
 
-import { useFiretableContext } from "contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 import { FieldType } from "constants/fields";
 
 const useStyles = makeStyles((theme) =>

www/src/components/Wizards/ImportCsvWizard/index.tsx

@@ -18,7 +18,7 @@ import Step2NewColumns from "./Step2NewColumns";
 import Step3Preview from "./Step3Preview";
 
 import { ColumnConfig } from "hooks/useFiretable/useTableConfig";
-import { useFiretableContext } from "contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 import { FieldType } from "constants/fields";
 
 export type CsvConfig = {

www/src/components/Wizards/ImportWizard/Step1Columns.tsx

@@ -25,7 +25,7 @@ import Column from "../Column";
 import EmptyState from "components/EmptyState";
 import AddColumnIcon from "assets/icons/AddColumn";
 
-import { useFiretableContext } from "contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 import { FieldType } from "constants/fields";
 import { suggestType } from "./utils";
 

www/src/components/Wizards/ImportWizard/Step3Types.tsx

@@ -16,7 +16,7 @@ import Column from "../Column";
 import Cell from "../Cell";
 import FieldsDropdown from "components/Table/ColumnMenu/FieldsDropdown";
 
-import { useFiretableContext } from "contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 import { FieldType } from "constants/fields";
 import { SELECTABLE_TYPES } from "./utils";
 

www/src/components/Wizards/ImportWizard/Step4Preview.tsx

@@ -7,7 +7,7 @@ import { IStepProps } from ".";
 import Column from "../Column";
 import Cell from "../Cell";
 
-import { useFiretableContext } from "contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 
 const useStyles = makeStyles((theme) =>
   createStyles({

www/src/components/Wizards/ImportWizard/index.tsx

@@ -10,7 +10,7 @@ import Step3Types from "./Step3Types";
 import Step4Preview from "./Step4Preview";
 
 import { ColumnConfig } from "hooks/useFiretable/useTableConfig";
-import { useFiretableContext } from "contexts/firetableContext";
+import { useFiretableContext } from "contexts/FiretableContext";
 
 export type TableColumnsConfig = { [key: string]: ColumnConfig };
 

www/src/contexts/FiretableContext.tsx

@@ -8,8 +8,8 @@ import useFiretable, {
   FiretableState,
 } from "hooks/useFiretable";
 import useSettings from "hooks/useSettings";
-import { useAppContext } from "./appContext";
-import { useSnackContext } from "./snackContext";
+import { useAppContext } from "./AppContext";
+import { useSnackContext } from "./SnackContext";
 import { SideDrawerRef } from "components/SideDrawer";
 import { ColumnMenuRef } from "components/Table/ColumnMenu";
 import { ImportWizardRef } from "components/Wizards/ImportWizard";
@@ -64,10 +64,10 @@ interface FiretableContextProps {
   importWizardRef: React.MutableRefObject<ImportWizardRef | undefined>;
 }
 
-const firetableContext = React.createContext<Partial<FiretableContextProps>>(
+const FiretableContext = React.createContext<Partial<FiretableContextProps>>(
   {}
 );
-export default firetableContext;
+export default FiretableContext;
 
 export const firetableUser = (currentUser) => {
   const {
@@ -88,7 +88,7 @@ export const firetableUser = (currentUser) => {
     photoURL,
   };
 };
-export const useFiretableContext = () => useContext(firetableContext);
+export const useFiretableContext = () => useContext(FiretableContext);
 
 export const FiretableContextProvider: React.FC = ({ children }) => {
   const { open } = useSnackContext();
@@ -181,7 +181,7 @@ export const FiretableContextProvider: React.FC = ({ children }) => {
   const importWizardRef = useRef<ImportWizardRef>();
 
   return (
-    <firetableContext.Provider
+    <FiretableContext.Provider
       value={{
         tableState,
         tableActions,
@@ -198,6 +198,6 @@ export const FiretableContextProvider: React.FC = ({ children }) => {
       }}
     >
       {children}
-    </firetableContext.Provider>
+    </FiretableContext.Provider>
   );
 };

www/src/hooks/useFiretable/useTable.tsx

@@ -5,7 +5,7 @@ import React, { useEffect, useReducer, useContext } from "react";
 import equals from "ramda/es/equals";
 import firebase from "firebase/app";
 import { FireTableFilter, FiretableOrderBy } from ".";
-import { SnackContext } from "../../contexts/snackContext";
+import { SnackContext } from "contextsSnackContext";
 import { cloudFunction } from "../../firebase/callables";
 import { isCollectionGroup, generateSmallerId } from "utils/fns";
 const CAP = 1000; // safety  paramter sets the  upper limit of number of docs fetched by this hook

www/src/pages/Auth/GoogleAuth.tsx

@@ -7,7 +7,7 @@ import AuthCard from "components/Auth/AuthCard";
 
 import { handleGoogleAuth } from "../../utils/auth";
 import GoogleLogo from "assets/google-icon.svg";
-import { useSnackContext } from "contexts/snackContext";
+import { useSnackContext } from "contexts/SnackContext";
 import { auth } from "../../firebase";
 
 export default function GoogleAuthPage() {

www/src/pages/Auth/ImpersonatorAuth.tsx

@@ -5,7 +5,7 @@ import { Typography, Button, TextField } from "@material-ui/core";
 import AuthCard from "components/Auth/AuthCard";
 import { handleGoogleAuth, signOut } from "utils/auth";
 import GoogleLogo from "assets/google-icon.svg";
-import { useSnackContext } from "contexts/snackContext";
+import { useSnackContext } from "contexts/SnackContext";
 
 import { ImpersonatorAuth } from "../../firebase/callables";
 import { auth } from "../../firebase";

www/src/pages/Home.tsx

@@ -24,8 +24,8 @@ import HomeNavigation from "components/HomeNavigation";
 import StyledCard from "components/StyledCard";
 
 import routes from "constants/routes";
-import { useFiretableContext } from "contexts/firetableContext";
-import { useAppContext } from "contexts/appContext";
+import { useFiretableContext } from "contexts/FiretableContext";
+import { useAppContext } from "contexts/AppContext";
 import { DocActions } from "hooks/useDoc";
 import TableSettingsDialog, {
   TableSettingsDialogModes,

www/src/pages/Table.tsx

@@ -11,8 +11,8 @@ import TableHeaderSkeleton from "components/Table/Skeleton/TableHeaderSkeleton";
 import HeaderRowSkeleton from "components/Table/Skeleton/HeaderRowSkeleton";
 import EmptyTable from "components/Table/EmptyTable";
 
-import { useFiretableContext } from "contexts/firetableContext";
-import { useAppContext } from "contexts/appContext";
+import { useFiretableContext } from "contexts/FiretableContext";
+import { useAppContext } from "contexts/AppContext";
 import { FireTableFilter } from "hooks/useFiretable";
 import useRouter from "hooks/useRouter";
 import { DocActions } from "hooks/useDoc";

www/src/utils/PrivateRoute.tsx

@@ -1,7 +1,7 @@
 import React, { useContext } from "react";
 import { Route, RouteProps, Redirect } from "react-router-dom";
 
-import { AppContext } from "../contexts/appContext";
+import { AppContext } from "contextsAppContext";
 import Loading from "../components/Loading";
 
 interface IPrivateRouteProps extends RouteProps {

www/src/utils/SnackProvider.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from "react";
 import { auth } from "../firebase";
 import { SnackbarOrigin } from "@material-ui/core/Snackbar";
-import { SnackContext } from "../contexts/snackContext";
+import { SnackContext } from "contextsSnackContext";
 
 interface ISnackProviderProps {
   children: React.ReactNode;