diff --git a/frontend/src/components/forms/ExportLogs.tsx b/frontend/src/components/forms/ExportLogs.tsx index 0cd81d3d..8bd5d770 100644 --- a/frontend/src/components/forms/ExportLogs.tsx +++ b/frontend/src/components/forms/ExportLogs.tsx @@ -22,11 +22,14 @@ import { FormLabel, Flex, } from "@chakra-ui/react"; -import { ArrowDownIcon, ArrowUpIcon } from '@chakra-ui/icons'; +import { ArrowDownIcon, ArrowUpIcon } from "@chakra-ui/icons"; import { TiExport } from "react-icons/ti"; import LogRecordAPIClient from "../../APIClients/LogRecordAPIClient"; import { singleDatePickerStyle } from "../../theme/forms/datePickerStyles"; -import { convertLogsToDOCX, convertLogsToCSV } from "../../helper/exportHelpers"; +import { + convertLogsToDOCX, + convertLogsToCSV, +} from "../../helper/exportHelpers"; import CreateToast from "../common/Toasts"; import { getFormattedDateAndTime } from "../../helper/dateHelpers"; import { SingleDatepicker } from "../common/Datepicker"; @@ -51,7 +54,7 @@ const ExportLogs = (): React.ReactElement => { const handleClear = () => { setStartDate(undefined); setEndDate(undefined); - setSortDirection("desc") + setSortDirection("desc"); setDateError(false); setStartDateError(false); setEndDateError(false); @@ -112,7 +115,7 @@ const ExportLogs = (): React.ReactElement => { return false; } return true; - } + }; const constructDateRange = (): (string | null)[] | undefined => { let dateRange; @@ -126,8 +129,8 @@ const ExportLogs = (): React.ReactElement => { ]; } - return dateRange - } + return dateRange; + }; const handleDocxExport = async () => { if (!validateDates()) { @@ -281,16 +284,29 @@ const ExportLogs = (): React.ReactElement => { - Sort Direction + Sort Direction - : - } onClick={() => - setSortDirection( - sortDirection === "desc" ? "asc" : "desc", - ) - }/> - {sortDirection === "desc" ? "Descending" : "Ascending"} + + ) : ( + + ) + } + onClick={() => + setSortDirection( + sortDirection === "desc" ? "asc" : "desc", + ) + } + /> + + {sortDirection === "desc" ? "Descending" : "Ascending"} + @@ -305,7 +321,12 @@ const ExportLogs = (): React.ReactElement => { marginRight="10px" /> )} -