= {
logs: (
<>
diff --git a/frontend/src/components/shared/task-form.tsx b/frontend/src/components/shared/task-form.tsx
index 24f4e944ae..4f95262059 100644
--- a/frontend/src/components/shared/task-form.tsx
+++ b/frontend/src/components/shared/task-form.tsx
@@ -24,7 +24,11 @@ import { ImageCarousel } from "../features/images/image-carousel";
import { UploadImageInput } from "../features/images/upload-image-input";
import { LoadingSpinner } from "./loading-spinner";
-export const TaskForm = React.forwardRef((_, ref) => {
+interface TaskFormProps {
+ ref: React.RefObject;
+}
+
+export function TaskForm({ ref }: TaskFormProps) {
const dispatch = useDispatch();
const navigation = useNavigation();
const navigate = useNavigate();
@@ -161,6 +165,4 @@ export const TaskForm = React.forwardRef((_, ref) => {
)}
);
-});
-
-TaskForm.displayName = "TaskForm";
+}
diff --git a/frontend/src/context/auth-context.tsx b/frontend/src/context/auth-context.tsx
index e5af8e65d2..14e45f503e 100644
--- a/frontend/src/context/auth-context.tsx
+++ b/frontend/src/context/auth-context.tsx
@@ -102,7 +102,7 @@ function AuthProvider({ children }: React.PropsWithChildren) {
[gitHubTokenState],
);
- return {children};
+ return {children};
}
function useAuth() {
diff --git a/frontend/src/context/conversation-context.tsx b/frontend/src/context/conversation-context.tsx
index 748ee8ea0a..86f5398b78 100644
--- a/frontend/src/context/conversation-context.tsx
+++ b/frontend/src/context/conversation-context.tsx
@@ -24,11 +24,7 @@ export function ConversationProvider({
const value = useMemo(() => ({ conversationId }), [conversationId]);
- return (
-
- {children}
-
- );
+ return {children};
}
export function useConversation() {
diff --git a/frontend/src/context/files.tsx b/frontend/src/context/files.tsx
index 13ce579fb8..f0315172ee 100644
--- a/frontend/src/context/files.tsx
+++ b/frontend/src/context/files.tsx
@@ -55,9 +55,7 @@ function FilesProvider({ children }: FilesProviderProps) {
[paths, setPaths, files, setFileContent, selectedPath, setSelectedPath],
);
- return (
- {children}
- );
+ return {children};
}
function useFiles() {
diff --git a/frontend/src/context/settings-context.tsx b/frontend/src/context/settings-context.tsx
index 7be24c9e22..ee41d46538 100644
--- a/frontend/src/context/settings-context.tsx
+++ b/frontend/src/context/settings-context.tsx
@@ -54,11 +54,7 @@ function SettingsProvider({ children }: React.PropsWithChildren) {
[settings, settingsAreUpToDate],
);
- return (
-
- {children}
-
- );
+ return {children};
}
function useSettings() {
diff --git a/frontend/src/context/ws-client-provider.tsx b/frontend/src/context/ws-client-provider.tsx
index 97ed51d684..19137c8182 100644
--- a/frontend/src/context/ws-client-provider.tsx
+++ b/frontend/src/context/ws-client-provider.tsx
@@ -151,11 +151,7 @@ export function WsClientProvider({
[status, messageRateHandler.isUnderThreshold, events],
);
- return (
-
- {children}
-
- );
+ return {children};
}
export function useWsClient() {
diff --git a/frontend/src/hooks/use-download-progress.ts b/frontend/src/hooks/use-download-progress.ts
index 6a32d594d4..e4f400b6c1 100644
--- a/frontend/src/hooks/use-download-progress.ts
+++ b/frontend/src/hooks/use-download-progress.ts
@@ -20,7 +20,7 @@ export function useDownloadProgress(
const [progress, setProgress] =
useState(INITIAL_PROGRESS);
const progressRef = useRef(INITIAL_PROGRESS);
- const abortController = useRef();
+ const abortController = useRef(null);
const { conversationId } = useConversation();
// Create AbortController on mount
@@ -31,7 +31,7 @@ export function useDownloadProgress(
progressRef.current = INITIAL_PROGRESS;
return () => {
controller.abort();
- abortController.current = undefined;
+ abortController.current = null;
};
}, []); // Empty deps array - only run on mount/unmount
diff --git a/frontend/src/hooks/use-scroll-to-bottom.ts b/frontend/src/hooks/use-scroll-to-bottom.ts
index 473c7b6671..edd9abb6d2 100644
--- a/frontend/src/hooks/use-scroll-to-bottom.ts
+++ b/frontend/src/hooks/use-scroll-to-bottom.ts
@@ -1,6 +1,6 @@
import { RefObject, useEffect, useState } from "react";
-export function useScrollToBottom(scrollRef: RefObject) {
+export function useScrollToBottom(scrollRef: RefObject) {
// for auto-scroll
const [autoScroll, setAutoScroll] = useState(true);
diff --git a/frontend/src/utils/display-error-toast.tsx b/frontend/src/utils/display-error-toast.tsx
deleted file mode 100644
index d481ccd932..0000000000
--- a/frontend/src/utils/display-error-toast.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import toast from "react-hot-toast";
-import { ErrorToast } from "#/components/shared/error-toast";
-
-export const displayErrorToast = (error: string) =>
- toast((t) => , {
- style: {
- background: "#C63143",
- color: "#fff",
- fontSize: "12px",
- fontWeight: "500",
- lineHeight: "20px",
- borderRadius: "4px",
- width: "336px",
- },
- duration: Infinity,
- position: "bottom-right",
- });
diff --git a/frontend/test-utils.tsx b/frontend/test-utils.tsx
index 7aa4da75d2..174b8885d7 100644
--- a/frontend/test-utils.tsx
+++ b/frontend/test-utils.tsx
@@ -3,14 +3,12 @@
import React, { PropsWithChildren } from "react";
import { Provider } from "react-redux";
import { configureStore } from "@reduxjs/toolkit";
-// eslint-disable-next-line import/no-extraneous-dependencies
import { RenderOptions, render } from "@testing-library/react";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { I18nextProvider } from "react-i18next";
+import { I18nextProvider, initReactI18next } from "react-i18next";
import i18n from "i18next";
-import { initReactI18next } from "react-i18next";
-import { AppStore, RootState, rootReducer } from "./src/store";
import { vi } from "vitest";
+import { AppStore, RootState, rootReducer } from "./src/store";
import { AuthProvider } from "#/context/auth-context";
import { SettingsProvider } from "#/context/settings-context";
import { ConversationProvider } from "#/context/conversation-context";
@@ -26,22 +24,20 @@ vi.mock("react-router", async () => {
});
// Initialize i18n for tests
-i18n
- .use(initReactI18next)
- .init({
- lng: "en",
- fallbackLng: "en",
- ns: ["translation"],
- defaultNS: "translation",
- resources: {
- en: {
- translation: {},
- },
+i18n.use(initReactI18next).init({
+ lng: "en",
+ fallbackLng: "en",
+ ns: ["translation"],
+ defaultNS: "translation",
+ resources: {
+ en: {
+ translation: {},
},
- interpolation: {
- escapeValue: false,
- },
- });
+ },
+ interpolation: {
+ escapeValue: false,
+ },
+});
const setupStore = (preloadedState?: Partial): AppStore =>
configureStore({
@@ -67,16 +63,14 @@ export function renderWithProviders(
...renderOptions
}: ExtendedRenderOptions = {},
) {
- function Wrapper({ children }: PropsWithChildren