diff --git a/app/app/crashes/page.tsx b/app/app/crashes/page.tsx index 57ccb21ee..4c494ff1e 100644 --- a/app/app/crashes/page.tsx +++ b/app/app/crashes/page.tsx @@ -1,25 +1,53 @@ "use client"; +import { useState, useCallback } from "react"; import Card from "react-bootstrap/Card"; +import Button from "react-bootstrap/Button"; +import AlignedLabel from "@/components/AlignedLabel"; import AppBreadCrumb from "@/components/AppBreadCrumb"; +import CreateCrashRecordModal from "@/components/CreateCrashRecordModal"; +import { FaCirclePlus } from "react-icons/fa6"; import { crashesListViewColumns } from "@/configs/crashesListViewColumns"; import { crashesListViewQueryConfig } from "@/configs/crashesListViewTable"; import TableWrapper from "@/components/TableWrapper"; const localStorageKey = "crashesListViewQueryConfig"; export default function Crashes() { + const [refetch, setRefetch] = useState(false); + const [showNewUserModal, setShowNewUserModal] = useState(false); + const onCloseModal = () => setShowNewUserModal(false); + + const onSaveCallback = useCallback(() => { + setRefetch((prev) => !prev); + setShowNewUserModal(false); + }, [setRefetch]); + return ( <> - Crashes + + Crashes + + + ); } diff --git a/app/app/create-crash-record/page.tsx b/app/app/create-crash-record/page.tsx deleted file mode 100644 index 733a7eb4b..000000000 --- a/app/app/create-crash-record/page.tsx +++ /dev/null @@ -1,54 +0,0 @@ -"use client"; -import { useState, useCallback } from "react"; -import Button from "react-bootstrap/Button"; -import Card from "react-bootstrap/Card"; -import AlignedLabel from "@/components/AlignedLabel"; -import AppBreadCrumb from "@/components/AppBreadCrumb"; -import CreateCrashRecordModal from "@/components/CreateCrashRecordModal"; -import TableWrapper from "@/components/TableWrapper"; -import { FaCirclePlus } from "react-icons/fa6"; -import { tempCrashesListViewQueryConfig } from "@/configs/tempCrashesTable"; -import { tempCrashesListViewColumns } from "@/configs/tempCrashesListViewColumns"; - -const localStorageKey = "tempCrashesListViewQueryConfig"; - -export default function CreateCrashRecord() { - const [refetch, setRefetch] = useState(false); - const [showNewUserModal, setShowNewUserModal] = useState(false); - const onCloseModal = () => setShowNewUserModal(false); - - const onSaveCallback = useCallback(() => { - setRefetch((prev) => !prev); - setShowNewUserModal(false); - }, [setRefetch]); - - return ( - <> - - - Temporary records - -
- -
- -
-
- - - ); -} diff --git a/app/components/CrashIsTemporaryBanner.tsx b/app/components/CrashIsTemporaryBanner.tsx index aec70ab36..28ccfc280 100644 --- a/app/components/CrashIsTemporaryBanner.tsx +++ b/app/components/CrashIsTemporaryBanner.tsx @@ -46,7 +46,7 @@ export default function CrashIsTemporaryBanner({ ) ) { await mutate({ id: crashId, updated_by: user?.email }); - router.push("/create-crash-record"); + router.push("/crashes"); } }} disabled={isMutating} diff --git a/app/components/SidebarLayout.tsx b/app/components/SidebarLayout.tsx index 1afc6b6a1..f873027a6 100644 --- a/app/components/SidebarLayout.tsx +++ b/app/components/SidebarLayout.tsx @@ -14,7 +14,6 @@ import { FaAngleRight, FaUserGroup, FaCloudArrowUp, - FaFileCirclePlus, } from "react-icons/fa6"; import AppNavBar from "./AppNavBar"; import SideBarListItem from "./SideBarListItem"; @@ -40,7 +39,7 @@ export default function SidebarLayout({ children }: { children: ReactNode }) { [] ); - /** Check local storage for initialsidebar state */ + /** Check local storage for initial sidebar state */ useEffect(() => { const collapsedFromStorage = localStorage.getItem(localStorageKey) === "true"; @@ -117,13 +116,6 @@ export default function SidebarLayout({ children }: { children: ReactNode }) { label="Locations" href="/locations" /> -