resolve build warnings

Author: khanzadimahdi

src/app/(dashboard)/dashboard/elements/page.tsx

@@ -3,10 +3,6 @@ import {Suspense} from "react";
 import {Box} from "@mantine/core";
 import {withPermissions} from "@/components/with-authorization";
 import {DashboardBreadcrumbs} from "@/features/breadcrumbs/components/breadcrumbs";
-import {
-  ArticlesTable,
-  ArticlesTableSkeleton,
-} from "@/features/articles/components/articles-table";
 import {APP_PATHS} from "@/lib/app-paths";
 import {ElementsTable, ElementsTableSkeleton} from "@/features/dashboard/elements/components/elements-table";
 

src/components/query-client-provider.tsx

@@ -1,6 +1,5 @@
 "use client";
 import { ReactNode } from "react";
-import { useRouter } from "next/navigation";
 import {
   QueryClient,
   QueryClientProvider as RQProvider,
@@ -28,8 +27,8 @@ function messageFor(status: number) {
   }
 }
 
-function handleError(err: any, router?: ReturnType<typeof useRouter>) {
-  const status = err.response.status;
+function handleError(err: any) {
+  const status = err.response?.status;
   if (status) {
     notifications.show({
       title: `خطا ${err.status}`,
@@ -46,15 +45,15 @@ function handleError(err: any, router?: ReturnType<typeof useRouter>) {
   }
 }
 
-function createQueryClient(router: ReturnType<typeof useRouter>) {
+function createQueryClient() {
   return new QueryClient({
     queryCache: new QueryCache({
-      onError: (err) => handleError(err, router),
+      onError: (err) => handleError(err),
     }),
     mutationCache: new MutationCache({
       onError: (err, _vars, _ctx, mutation) => {
         // Let a mutation-specific onError override the global one
-        if (!mutation.options.onError) handleError(err, router);
+        if (!mutation.options.onError) handleError(err);
       },
     }),
     defaultOptions: {
@@ -70,8 +69,7 @@ function createQueryClient(router: ReturnType<typeof useRouter>) {
 type Props = { children: ReactNode };
 
 export function QueryClientProvider({ children }: Props) {
-  const router = useRouter();
-  const queryClient = createQueryClient(router);
+  const queryClient = createQueryClient();
 
   return (
     <RQProvider client={queryClient}>{children}</RQProvider>

src/features/code-highlight/CodeHighlight.tsx

@@ -11,23 +11,23 @@ import {notifications} from "@mantine/notifications";
 import { encode, decode } from 'js-base64';
 import './code-highlight.css';
 
+const b64 = {
+  enc: (input: string) => {
+    const cleaned = input
+      .replace(/\u00A0/g, ' ')
+      .replace(/\r\n/g, '\n');
+
+    return encode(cleaned);
+  },
+  dec: (str: string) => {
+    return decode(str);
+  },
+};
+
 function CodeHighlight({ code, language, executable }) {
   const [output, setOutput] = useState("");
   const [running, setRunning] = useState(false);
 
-  const b64 = {
-    enc: (input) => {
-      const cleaned = input
-        .replace(/\u00A0/g, ' ')
-        .replace(/\r\n/g, '\n');
-
-      return encode(cleaned);
-    },
-    dec: (str) => {
-      return decode(str);
-    },
-  };
-
   const runCode = useCallback(() => {
     if (running) return;
 
@@ -84,7 +84,7 @@ function CodeHighlight({ code, language, executable }) {
       setOutput(`WebSocket error: ${err}`);
       setRunning(false);
     });
-  }, [code, language, running]);
+  }, [code, running, executable]);
 
   return (
     <Box

src/features/dashboard/elements/actions/delete-element.ts

@@ -16,7 +16,7 @@ export async function deleteElement(
     await privateDalDriver.delete(`/dashboard/elements/${id}`);
     revalidatePath(APP_PATHS.dashboard.elements.index);
     return true;
-  } catch(e) {
+  } catch {
     return false;
   }
 }

src/features/dashboard/elements/components/element-upsert-form/element-upsert-form.tsx

@@ -56,7 +56,7 @@ export function ElementUpsertForm({ element }: Props) {
       JSON.parse(value);
       setJsonError(null);
       return true;
-    } catch (e: any) {
+    } catch {
       setJsonError("JSON نامعتبر است");
       return false;
     }
@@ -80,7 +80,7 @@ export function ElementUpsertForm({ element }: Props) {
     }
   };
 
-  const handleSubmit = async (formData: FormData) => {
+  const handleSubmit = async () => {
     if (!validateJson(jsonValue)) {
       alert('Invalid json')
       return;

src/features/home-page/components/featured-articles/featured-articles.tsx

@@ -6,7 +6,9 @@ import {
   List,
   ThemeIcon,
   ListItem,
-  Title, Divider, Group, Button,
+  Title,
+  Group,
+  Button,
 } from "@mantine/core";
 import {VerticalArticleCard} from "../article-card-vertical";
 import classes from "./featured-articles.module.css";