code formatting

src/components/organisms/TaskEdit.tsx

@@ -45,7 +45,7 @@ const TaskEdit = ({
 				onSuccess: () => {
 					setIsOpen(false);
 				},
-			}
+			},
 		);
 	}
 

src/components/organisms/TaskForm.spec.tsx

@@ -56,7 +56,7 @@ const renderComponent = (props: RenderComponentProps = {}) => {
 				onSubmit,
 				isLoading,
 			}}
-		/>
+		/>,
 	);
 
 	return {
@@ -92,7 +92,7 @@ describe('TaskForm', () => {
 
 		await userEvent.type(
 			await screen.findByLabelText('Due Time *'),
-			'{backspace}{backspace}am'
+			'{backspace}{backspace}am',
 		);
 
 		expect(onChange).toBeCalled();
@@ -121,7 +121,7 @@ describe('TaskForm', () => {
 
 		await userEvent.type(
 			await screen.findByLabelText('Due Date *'),
-			'{backspace}2{enter}'
+			'{backspace}2{enter}',
 		);
 
 		expect(onChange).toBeCalledWith({
@@ -141,13 +141,13 @@ describe('TaskForm', () => {
 
 		await userEvent.type(
 			await screen.findByLabelText('Due Time *'),
-			'{backspace}M{enter}'
+			'{backspace}M{enter}',
 		);
 
 		expect(onChange).toBeCalledWith(
 			expect.objectContaining({
 				due: '1/1/2020, 11:59 PM',
-			})
+			}),
 		);
 	});
 });

src/components/pages/Account.spec.tsx

@@ -39,7 +39,7 @@ describe('account page', () => {
 		renderWithQueryProvider(<Account />);
 
 		expect(
-			await screen.findByText('Enable Beeminder integration')
+			await screen.findByText('Enable Beeminder integration'),
 		).toBeInTheDocument();
 	});
 

src/components/pages/Register.spec.tsx

@@ -25,11 +25,11 @@ async function fillForm() {
 	await userEvent.type(await screen.findByLabelText(/Email/), 'the_email');
 	await userEvent.type(
 		await screen.findByLabelText(/^Password/),
-		'the_password'
+		'the_password',
 	);
 	await userEvent.type(
 		await screen.findByLabelText(/Retype Password/),
-		'the_password'
+		'the_password',
 	);
 
 	await waitFor(() => {
@@ -44,8 +44,8 @@ async function fillForm() {
 
 	await userEvent.click(
 		await screen.findByLabelText(
-			"I have read and agree to TaskRatchet's privacy policy and terms of service."
-		)
+			"I have read and agree to TaskRatchet's privacy policy and terms of service.",
+		),
 	);
 
 	await waitFor(() => {
@@ -92,7 +92,7 @@ describe('registration page', () => {
 			'the_email',
 			'the_password',
 			'the_timezone',
-			'session'
+			'session',
 		);
 	});
 
@@ -115,7 +115,7 @@ describe('registration page', () => {
 
 		await userEvent.type(
 			await screen.findByLabelText('How did you hear about us?'),
-			'the_referral'
+			'the_referral',
 		);
 
 		await userEvent.click(await screen.findByText('Add payment method'));
@@ -187,8 +187,8 @@ describe('registration page', () => {
 
 		await userEvent.click(
 			await screen.findByLabelText(
-				"I have read and agree to TaskRatchet's privacy policy and terms of service."
-			)
+				"I have read and agree to TaskRatchet's privacy policy and terms of service.",
+			),
 		);
 
 		await userEvent.click(await screen.findByText('Add payment method'));

src/components/pages/Register.tsx

@@ -54,7 +54,7 @@ const Register = (): JSX.Element => {
 			email,
 			password,
 			timezone,
-			checkoutSession.id
+			checkoutSession.id,
 		);
 
 		if (response.ok) {

src/components/pages/Tasks.spec.tsx

@@ -147,7 +147,7 @@ describe('tasks page', () => {
 		await clickCheckbox();
 
 		await waitFor(() =>
-			expect(updateTask).toBeCalledWith('3', { complete: true })
+			expect(updateTask).toBeCalledWith('3', { complete: true }),
 		);
 	});
 
@@ -182,7 +182,7 @@ describe('tasks page', () => {
 			await userEvent.click(getAddButton());
 
 			await waitFor(() =>
-				expect(toast).toBeCalledWith('Error: Failed to add task')
+				expect(toast).toBeCalledWith('Error: Failed to add task'),
 			);
 		});
 	});
@@ -471,7 +471,7 @@ describe('tasks page', () => {
 		renderTasksPage();
 
 		expect(
-			await screen.findByText((s) => s.indexOf('May') !== -1)
+			await screen.findByText((s) => s.indexOf('May') !== -1),
 		).toBeInTheDocument();
 	});
 
@@ -647,7 +647,7 @@ describe('tasks page', () => {
 			expect(addTask).toBeCalledWith(
 				expect.objectContaining({
 					task: 'task1',
-				})
+				}),
 			);
 		});
 	});

src/lib/api/useAddTask.ts

@@ -9,7 +9,7 @@ interface Input {
 }
 
 export function useAddTask(
-	onSave: (t: TaskType) => void
+	onSave: (t: TaskType) => void,
 ): UseMutationResult<Response, Error, Input> {
 	const queryClient = useQueryClient();
 

src/lib/api/useEditTask.ts

@@ -20,6 +20,6 @@ export default function useEditTask(): UseMutationResult<
 			onSettled: async () => {
 				await queryClient.refetchQueries('tasks');
 			},
-		}
+		},
 	);
 }

src/lib/api/useMe.ts

@@ -5,7 +5,7 @@ import { useEffect } from 'react';
 import { User, getMe } from '@taskratchet/sdk';
 
 export function useMe(
-	queryOptions: UseQueryOptions<User> | undefined = {}
+	queryOptions: UseQueryOptions<User> | undefined = {},
 ): QueryObserverResult<User, unknown> {
 	const result = useQuery({
 		queryKey: 'me',
@@ -18,13 +18,16 @@ export function useMe(
 	useEffect(() => {
 		if (!data) return;
 
-		const metadata = Object.keys(data).reduce((prev, key) => {
-			const value = data[key as keyof User];
+		const metadata = Object.keys(data).reduce(
+			(prev, key) => {
+				const value = data[key as keyof User];
 
-			prev[key] = typeof value === 'string' ? value : JSON.stringify(value);
+				prev[key] = typeof value === 'string' ? value : JSON.stringify(value);
 
-			return prev;
-		}, {} as Record<string, string>);
+				return prev;
+			},
+			{} as Record<string, string>,
+		);
 
 		H.identify(data.id, metadata);
 	}, [data]);

src/lib/api/useUpdatePassword.ts

@@ -7,7 +7,7 @@ export function useUpdatePassword(): {
 } {
 	const { mutate, isLoading } = useMutation(
 		(variables: { oldPass: string; newPass: string }) =>
-			updatePassword(variables.oldPass, variables.newPass)
+			updatePassword(variables.oldPass, variables.newPass),
 	);
 
 	return {

src/lib/api/useUpdateTask.ts

@@ -48,7 +48,7 @@ export function useUpdateTask(): (id: string, data: TaskInput) => void {
 			onSettled: async () => {
 				await queryClient.invalidateQueries('tasks');
 			},
-		}
+		},
 	);
 
 	return (id: string, data: TaskInput): void => {

src/lib/browser.tsx

@@ -13,8 +13,8 @@ const getScrollableParent = function (el: Element | null): Element {
 	return !el || el === document.body
 		? document.body
 		: isScrollable(el)
-		? el
-		: getScrollableParent(el.parentElement);
+			? el
+			: getScrollableParent(el.parentElement);
 };
 
 export function getLanguages(): string[] {
@@ -76,7 +76,7 @@ export function getUrlParams(): ParsedQuery {
 
 export function scrollIntoView(
 	el: Element,
-	options: { offset?: number } = {}
+	options: { offset?: number } = {},
 ): void {
 	const { offset = 0 } = options;
 	const pos = el.getBoundingClientRect().top;

src/lib/createListItems.tsx

@@ -14,7 +14,7 @@ type Entries = (TaskType | string)[];
 
 export default function createListItems(
 	sortedTasks: TaskType[],
-	newTask: TaskType | undefined
+	newTask: TaskType | undefined,
 ): {
 	entries: Entries;
 	nextHeadingIndex: number | undefined;

src/lib/setCookie.ts

@@ -1,7 +1,7 @@
 export const setCookie = (
 	key: string,
 	value: unknown,
-	numberOfDays: number
+	numberOfDays: number,
 ): void => {
 	const now = new Date();
 	now.setTime(now.getTime() + numberOfDays * 60 * 60 * 24 * 1000);

src/lib/test/makeResponse.tsx

@@ -2,7 +2,7 @@ export const makeResponse = (
 	args: {
 		ok?: boolean;
 		json?: Record<string, unknown>;
-	} = {}
+	} = {},
 ): Partial<Response> => {
 	const { ok = true, json = null } = args;
 

src/lib/test/queries.tsx

@@ -1,7 +1,7 @@
 import { screen, waitFor } from '@testing-library/react';
 
 export async function findTaskCheckbox(
-	task = 'the_task'
+	task = 'the_task',
 ): Promise<HTMLInputElement> {
 	const desc = await screen.findByText(task);
 	let checkbox;

src/lib/test/renderWithQueryProvider.tsx

@@ -4,7 +4,7 @@ import { render, RenderResult } from '@testing-library/react';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
 
 export function renderWithQueryProvider(
-	ui: ReactElement
+	ui: ReactElement,
 ): RenderResult & { queryClient: QueryClient } {
 	const queryClient = new QueryClient({
 		defaultOptions: {
@@ -29,7 +29,7 @@ export function renderWithQueryProvider(
 	const view = render(
 		<ThemeProvider theme={theme}>
 			<QueryClientProvider client={queryClient}>{ui}</QueryClientProvider>
-		</ThemeProvider>
+		</ThemeProvider>,
 	);
 
 	return {

src/lib/test/withMutedReactQueryLogger.tsx

@@ -1,7 +1,7 @@
 import { setLogger } from 'react-query';
 
 export async function withMutedReactQueryLogger(
-	callback: () => Promise<void>
+	callback: () => Promise<void>,
 ): Promise<void> {
 	setLogger({
 		log: () => {

src/lib/useDifferenceToNow.spec.ts

@@ -9,7 +9,7 @@ describe('useDifferenceToNow', () => {
 		const result = useDifferenceToNow(
 			makeTask({
 				due_timestamp: 1623873540,
-			})
+			}),
 		);
 
 		expect(result).toEqual('in 1h');
@@ -21,7 +21,7 @@ describe('useDifferenceToNow', () => {
 		const result = useDifferenceToNow(
 			makeTask({
 				due_timestamp: 1623869940,
-			})
+			}),
 		);
 
 		expect(result).toEqual('1h ago');
@@ -33,7 +33,7 @@ describe('useDifferenceToNow', () => {
 		const result = useDifferenceToNow(
 			makeTask({
 				due_timestamp: 1623873540 * 2,
-			})
+			}),
 		);
 
 		expect(result).toEqual('in 51y 5mo');
@@ -45,7 +45,7 @@ describe('useDifferenceToNow', () => {
 		const result = useDifferenceToNow(
 			makeTask({
 				due_timestamp: 1623873540,
-			})
+			}),
 		);
 
 		expect(result).toEqual('in 1h');

src/lib/useDocumentTitle.ts

@@ -14,7 +14,7 @@ function useDocumentTitle(title: string, prevailOnUnmount = false) {
 				document.title = defaultTitle.current;
 			}
 		},
-		[prevailOnUnmount]
+		[prevailOnUnmount],
 	);
 }
 

src/lib/useFilters.tsx

@@ -40,7 +40,7 @@ export default function useFilters(): {
 
 	const { pref: filters, setPref: setFilters } = usePref(
 		'filters',
-		defaultFilters
+		defaultFilters,
 	);
 
 	const toggleFilter = useCallback(
@@ -50,7 +50,7 @@ export default function useFilters(): {
 				[filter]: !filters[filter],
 			});
 		},
-		[filters, setFilters]
+		[filters, setFilters],
 	);
 
 	return {