🎨 Format code after upgrades

karlosos · Feb 7, 2024 · e1cd491 · e1cd491
1 parent d5eb632
commit e1cd491
Show file tree

Hide file tree

Showing 29 changed files with 109 additions and 98 deletions.
diff --git a/public/index.html b/public/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />

diff --git a/src/app/features/Settings/DropZone.tsx b/src/app/features/Settings/DropZone.tsx
@@ -13,7 +13,7 @@ export const DropZone: React.FC<Props> = ({ setFile, setError }) => {
     (acceptedFiles: File[]) => {
       setFile(acceptedFiles[0]);
     },
-    [setFile]
+    [setFile],
   );
 
   const { getRootProps, getInputProps, isDragActive } = useDropzone({
@@ -30,7 +30,7 @@ export const DropZone: React.FC<Props> = ({ setFile, setError }) => {
         htmlFor="dropzone-file"
         className={cn(
           "dark:hover:bg-bray-800 flex h-52 w-full cursor-pointer flex-col items-center justify-center rounded-lg border-2 border-dashed border-gray-300 bg-gray-50 hover:bg-gray-100 dark:border-gray-600 dark:bg-gray-700 dark:hover:border-gray-500 dark:hover:bg-gray-600",
-          isDragActive ? "border-sky-500" : ""
+          isDragActive ? "border-sky-500" : "",
         )}
       >
         <div className="flex flex-col items-center justify-center pb-6 pt-5">

diff --git a/src/app/features/Settings/ExperimentalFeatures.tsx b/src/app/features/Settings/ExperimentalFeatures.tsx
@@ -8,7 +8,7 @@ export const ExperimentalFeatures = () => {
   const dispatch = useAppDispatch();
   const isAdjustableTimeReportingEnabled = useAppSelector(
     (state: RootState) =>
-      state.settings.featureFlags.isAdjustableTimeReportingEnabled
+      state.settings.featureFlags.isAdjustableTimeReportingEnabled,
   );
 
   return (

diff --git a/src/app/features/Settings/LinkPatterns.tsx b/src/app/features/Settings/LinkPatterns.tsx
@@ -17,11 +17,11 @@ export const LinkPatterns = () => {
   const dispatch = useAppDispatch();
 
   const storePatterns = useAppSelector(
-    (state: RootState) => state.settings.patterns
+    (state: RootState) => state.settings.patterns,
   );
 
   const [patterns, setPatterns] = useState<LinkPattern[]>(
-    structuredClone(storePatterns)
+    structuredClone(storePatterns),
   );
 
   useEffect(() => {

diff --git a/src/app/features/TimeEntries/TimeEntriesList/GroupedTimeEntryRow.tsx b/src/app/features/TimeEntries/TimeEntriesList/GroupedTimeEntryRow.tsx
@@ -29,12 +29,12 @@ export const GroupedTimeEntryRow: React.FC<GroupedTimeEntryRowProps> = ({
     useState(false);
   const isAdjustableTimeReportingEnabled = useAppSelector(
     (state: RootState) =>
-      state.settings.featureFlags.isAdjustableTimeReportingEnabled
+      state.settings.featureFlags.isAdjustableTimeReportingEnabled,
   );
 
   const handleAddTimeEntryClick = () => {
     dispatch(
-      timeEntryAdded({ text: groupedTimeEntry.text, startTime: Date.now() })
+      timeEntryAdded({ text: groupedTimeEntry.text, startTime: Date.now() }),
     );
   };
 

diff --git a/src/app/features/TimeEntries/TimeEntriesList/TimeEntriesList.tsx b/src/app/features/TimeEntries/TimeEntriesList/TimeEntriesList.tsx
@@ -15,11 +15,11 @@ const TIME_ENTRIES_LIMIT = 50;
 export const TimeEntriesList = () => {
   const [timeEntriesLimit, setTimeEntriesLimit] = useState(TIME_ENTRIES_LIMIT);
   const groupedTimeEntries = useAppSelector((state) =>
-    selectTimeEntriesGroupedByDate(state, timeEntriesLimit)
+    selectTimeEntriesGroupedByDate(state, timeEntriesLimit),
   );
 
   const sortedTimeEntries = Array.from(groupedTimeEntries.entries()).sort(
-    (a, b) => (a[0] > b[0] ? -1 : 1)
+    (a, b) => (a[0] > b[0] ? -1 : 1),
   );
 
   if (sortedTimeEntries.length === 0) {
@@ -35,7 +35,7 @@ export const TimeEntriesList = () => {
               acc[0] + groupedTimeEntries.elapsedTime,
               acc[1] + groupedTimeEntries.loggedTime,
             ],
-            [0, 0]
+            [0, 0],
           );
         return (
           <div
@@ -76,7 +76,7 @@ function DayHeader({
 }) {
   const isAdjustableTimeReportingEnabled = useAppSelector(
     (state: RootState) =>
-      state.settings.featureFlags.isAdjustableTimeReportingEnabled
+      state.settings.featureFlags.isAdjustableTimeReportingEnabled,
   );
 
   if (isAdjustableTimeReportingEnabled) {

diff --git a/src/app/features/TimeEntries/TimeEntriesList/TimeReportingDialog.tsx b/src/app/features/TimeEntries/TimeEntriesList/TimeReportingDialog.tsx
@@ -97,7 +97,7 @@ export const TimeReportingDialog = ({
               <TextField
                 label="Reported time"
                 value={formatElapsedTime(
-                  reportedTimesPerEntry[idx].reportedTime
+                  reportedTimesPerEntry[idx].reportedTime,
                 )}
                 className="flex-grow"
                 autoFocus={false}
@@ -178,7 +178,7 @@ function useReportedTimeState(groupedTimeEntry: GroupedTimeEntry) {
   const [reportedTimeString, setReportedTimeString] = useState(
     groupedTimeEntry.loggedTime !== 0
       ? formatElapsedTime(groupedTimeEntry.loggedTime)
-      : formatElapsedTime(groupedTimeEntry.elapsedTime)
+      : formatElapsedTime(groupedTimeEntry.elapsedTime),
   );
   const isValid = /^\d{2}:\d{2}:\d{2}$/.test(reportedTimeString);
   const reportedTimeNumerical = isValid
@@ -198,7 +198,7 @@ function useReportedTimeState(groupedTimeEntry: GroupedTimeEntry) {
     });
     const combinedTimes = result.reduce(
       (sum, entry) => sum + entry.reportedTime,
-      0
+      0,
     );
     result[0].reportedTime =
       result[0].reportedTime + (reportedTimeNumerical - combinedTimes);

diff --git a/src/app/features/TimeEntries/TimeEntriesList/__tests__/TimeEntriesList.Deleting.test.tsx b/src/app/features/TimeEntries/TimeEntriesList/__tests__/TimeEntriesList.Deleting.test.tsx
@@ -10,7 +10,7 @@ describe("TimeEntriesList Deleting", () => {
     render(
       connectStore(<TimeEntriesList />, {
         timeEntries: timeEntriesFixture,
-      })
+      }),
     );
     return { user };
   };
@@ -42,7 +42,7 @@ describe("TimeEntriesList Deleting", () => {
 
     // assert
     expect(
-      screen.queryByText("Delete entry DX1-1: Task 1?")
+      screen.queryByText("Delete entry DX1-1: Task 1?"),
     ).not.toBeInTheDocument();
     user.click(expandButton); // collapse grouped entry
     expect(screen.getAllByTitle("DX1-1: Task 1")).toHaveLength(2);
@@ -80,17 +80,18 @@ describe("TimeEntriesList Deleting", () => {
 const getEntryWithOneChild = () => {
   const entryRow = screen.getAllByTitle("DX1-1: Task 1")[0].parentElement!;
   const expandButton = within(entryRow).getByLabelText(
-    "Grouped entry accordion"
+    "Grouped entry accordion",
   );
 
   return { entryRow, expandButton };
 };
 
 const getEntryWithMultipleChildren = () => {
-  const entryRow = screen.getByTitle("DX1-3: Task 3 with logged entries")
-    .parentElement!;
+  const entryRow = screen.getByTitle(
+    "DX1-3: Task 3 with logged entries",
+  ).parentElement!;
   const expandButton = within(entryRow).getByLabelText(
-    "Grouped entry accordion"
+    "Grouped entry accordion",
   );
 
   return { entryRow, expandButton };

diff --git a/src/app/features/TimeEntries/TimeEntriesList/__tests__/TimeEntriesList.LoggedStatus.test.tsx b/src/app/features/TimeEntries/TimeEntriesList/__tests__/TimeEntriesList.LoggedStatus.test.tsx
@@ -11,7 +11,7 @@ describe("TimeEntriesList Logged Status", () => {
     render(
       connectStore(<TimeEntriesList />, {
         timeEntries: timeEntriesFixture,
-      })
+      }),
     );
 
     return { user };
@@ -43,7 +43,7 @@ describe("TimeEntriesList Logged Status", () => {
     expect(within(entryRow).getByRole("checkbox")).toBeDisabled();
     expect(within(entryRow).getByRole("checkbox")).toHaveAttribute(
       "data-indeterminate",
-      "true"
+      "true",
     );
   });
 
@@ -78,46 +78,47 @@ describe("TimeEntriesList Logged Status", () => {
     await user.click(within(entryRow).getByRole("checkbox"));
     await user.click(
       within(screen.getAllByLabelText("Time entry child row")[0]).getByRole(
-        "checkbox"
-      )
+        "checkbox",
+      ),
     );
 
     // assert
     expect(within(entryRow).getByRole("checkbox")).toBeDisabled();
     expect(within(entryRow).getByRole("checkbox")).toHaveAttribute(
       "data-indeterminate",
-      "true"
+      "true",
     );
   });
 });
 
 const getEntryWithUncheckedChildren = () => {
   const entryRow = screen.getAllByTitle(
-    "DX1-2: Task 2 with multiple entries"
+    "DX1-2: Task 2 with multiple entries",
   )[0].parentElement!;
   const expandButton = within(entryRow).getByLabelText(
-    "Grouped entry accordion"
+    "Grouped entry accordion",
   );
 
   return { entryRow, expandButton };
 };
 
 const getEntryWithCheckedChildren = () => {
-  const entryRow = screen.getByTitle("DX1-3: Task 3 with logged entries")
-    .parentElement!;
+  const entryRow = screen.getByTitle(
+    "DX1-3: Task 3 with logged entries",
+  ).parentElement!;
   const expandButton = within(entryRow).getByLabelText(
-    "Grouped entry accordion"
+    "Grouped entry accordion",
   );
 
   return { entryRow, expandButton };
 };
 
 const getEntryWithMixedChildren = () => {
   const entryRow = screen.getByTitle(
-    "DX1-4444: Task 4 with some logged entries"
+    "DX1-4444: Task 4 with some logged entries",
   ).parentElement!;
   const expandButton = within(entryRow).getByLabelText(
-    "Grouped entry accordion"
+    "Grouped entry accordion",
   );
 
   return { entryRow, expandButton };
@@ -126,7 +127,7 @@ const getEntryWithMixedChildren = () => {
 const assertAllChidrenCheckedStatus = async (
   user: UserEvent,
   expandRowButton: HTMLElement,
-  isChecked: boolean
+  isChecked: boolean,
 ) => {
   await user.click(expandRowButton);
 

diff --git a/src/app/features/TimeEntries/TimeEntriesList/__tests__/TimeEntriesList.test.tsx b/src/app/features/TimeEntries/TimeEntriesList/__tests__/TimeEntriesList.test.tsx
@@ -9,7 +9,7 @@ describe("TimeEntriesList", () => {
     render(
       connectStore(<TimeEntriesList />, {
         timeEntries: timeEntriesFixture,
-      })
+      }),
     );
   };
 
@@ -18,14 +18,14 @@ describe("TimeEntriesList", () => {
 
     // assert
     expect(
-      screen.getByTitle("DX1-4444: Task 4 with some logged entries")
+      screen.getByTitle("DX1-4444: Task 4 with some logged entries"),
     ).toBeInTheDocument();
     expect(
-      screen.getByTitle("DX1-3: Task 3 with logged entries")
+      screen.getByTitle("DX1-3: Task 3 with logged entries"),
     ).toBeInTheDocument();
     expect(screen.getAllByTitle("DX1-1: Task 1")).toHaveLength(2);
     expect(
-      screen.getAllByTitle("DX1-2: Task 2 with multiple entries")
+      screen.getAllByTitle("DX1-2: Task 2 with multiple entries"),
     ).toHaveLength(2);
   });
 
@@ -42,15 +42,15 @@ describe("TimeEntriesList", () => {
   it("THEN tasks are collapsed by name and time is summed", () => {
     arrange();
     const groupedRow = screen.getByTitle(
-      "DX1-4444: Task 4 with some logged entries"
+      "DX1-4444: Task 4 with some logged entries",
     ).parentElement;
 
     // assert
     expect(within(groupedRow!).getByText("3")).toBeInTheDocument(); // number of collapsed elements
     expect(
       within(groupedRow!).getByTitle(
-        "DX1-4444: Task 4 with some logged entries"
-      )
+        "DX1-4444: Task 4 with some logged entries",
+      ),
     ).toBeInTheDocument();
     expect(within(groupedRow!).getByText("00:03:05")).toBeInTheDocument();
     expect(within(groupedRow!).getByRole("checkbox")).toBeDisabled();

diff --git a/src/app/features/TimeEntries/TimeEntriesList/__tests__/TimeEntryEdit.test.tsx b/src/app/features/TimeEntries/TimeEntriesList/__tests__/TimeEntryEdit.test.tsx
@@ -16,12 +16,12 @@ describe("TimeEntry Edit", () => {
     render(
       connectStore(<TimeEntriesList />, {
         timeEntries: timeEntriesFixture,
-      })
+      }),
     );
 
     const entryRow = screen.getAllByTitle("DX1-1: Task 1")[0].parentElement!;
     const expandButton = within(entryRow).getByLabelText(
-      "Grouped entry accordion"
+      "Grouped entry accordion",
     );
     await user.click(expandButton);
     await user.click(screen.getByLabelText("Edit entry"));
@@ -76,7 +76,7 @@ describe("TimeEntry Edit", () => {
 
     // assert
     expect(
-      screen.queryByText("--Completely new task--")
+      screen.queryByText("--Completely new task--"),
     ).not.toBeInTheDocument();
     expect(screen.getAllByTitle("DX1-1: Task 1")).toHaveLength(2);
   });

diff --git a/src/app/features/TimeEntries/TopBar/CurrentTimeEntry.tsx b/src/app/features/TimeEntries/TopBar/CurrentTimeEntry.tsx
@@ -70,20 +70,20 @@ export const CurrentTimeEntry: React.FC<CurrentTimeEntryProps> = ({
 
 const useElapsedTimeForEntry = (currentTimeEntry: TimeEntry) => {
   const [elapsedTime, setElapsedTime] = useState<number>(
-    currentTimeEntry ? Date.now() - currentTimeEntry.startTime : 0
+    currentTimeEntry ? Date.now() - currentTimeEntry.startTime : 0,
   );
   const intervalRef = useRef<ReturnType<typeof setInterval>>();
 
   useEffect(() => {
     setElapsedTime(
-      currentTimeEntry ? Date.now() - currentTimeEntry.startTime : 0
+      currentTimeEntry ? Date.now() - currentTimeEntry.startTime : 0,
     );
   }, [currentTimeEntry]);
 
   useEffect(() => {
     intervalRef.current = setInterval(() => {
       setElapsedTime(
-        currentTimeEntry ? Date.now() - currentTimeEntry.startTime : 0
+        currentTimeEntry ? Date.now() - currentTimeEntry.startTime : 0,
       );
     }, 500);
 

diff --git a/src/app/features/TimeEntries/TopBar/__tests__/TopBar.Editing.test.tsx b/src/app/features/TimeEntries/TopBar/__tests__/TopBar.Editing.test.tsx
@@ -24,7 +24,7 @@ describe("TopBar Editing", () => {
             },
           },
         },
-      })
+      }),
     );
 
     const timer = screen.getByText("00:03:00");
@@ -73,7 +73,7 @@ describe("TopBar Editing", () => {
 
     // assert
     expect(
-      screen.queryByText("--Completely new task--")
+      screen.queryByText("--Completely new task--"),
     ).not.toBeInTheDocument();
     expect(screen.getByTitle("DX1-3213: Doing something")).toBeInTheDocument();
   });