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"
/>
)}
-