Fix redirects

Author: BohdanUlich

api/codeItems/useDeleteCodeItem.ts

@@ -2,10 +2,15 @@ import { useSnackbar } from "notistack";
 import { fetchService } from "@/services";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { ApiResponse, CODEITEMS_API_ENDPOINT } from "@/types";
+import { useSearchParams } from "next/navigation";
 
 export const useDeleteCodeItem = () => {
   const queryClient = useQueryClient();
   const { enqueueSnackbar } = useSnackbar();
+  const searchParams = useSearchParams();
+  const categoryId = searchParams.get("categoryId");
+  const q = searchParams.get("q");
+  const labels = searchParams.getAll("label");
 
   const { mutateAsync: deleteCodeItem, isPending } = useMutation({
     mutationFn: async (codeItemId: string) => {
@@ -20,8 +25,8 @@ export const useDeleteCodeItem = () => {
         throw new Error(response.error);
       }
 
-      await queryClient.invalidateQueries({
-        queryKey: [CODEITEMS_API_ENDPOINT],
+      await queryClient.refetchQueries({
+        queryKey: [CODEITEMS_API_ENDPOINT, q, categoryId, labels],
       });
     },
     onSuccess: () => {

app/about/page.tsx

@@ -2,7 +2,7 @@ import { Metadata } from "next";
 import { Container, Typography, List, ListItem, Box } from "@mui/material";
 import { Button } from "@/components/buttons";
 import Link from "next/link";
-import Image from "next/image";
+import Image from "next/legacy/image";
 
 export const metadata: Metadata = {
   title: "About My Lib - Your Personal Code Library",
@@ -95,7 +95,8 @@ export default function AboutPage() {
             src="/about/categories.png"
             alt="Categories example"
             objectFit="contain"
-            fill
+            layout="fill"
+            quality={100}
           />
         </Box>
 
@@ -116,7 +117,8 @@ export default function AboutPage() {
             src="/about/code-items-styles.png"
             alt="Code items example"
             objectFit="contain"
-            fill
+            layout="fill"
+            quality={100}
           />
         </Box>
       </Box>

app/login/page.tsx

@@ -3,7 +3,7 @@ import { Grid, Typography } from "@mui/material";
 import GoogleIcon from "@mui/icons-material/Google";
 import * as z from "zod";
 import { signIn } from "next-auth/react";
-import { useRouter, useSearchParams } from "next/navigation";
+import { useSearchParams } from "next/navigation";
 import { useState } from "react";
 import { Button, Form, TextInput, Link } from "@/components";
 import { FieldValues } from "react-hook-form";
@@ -19,7 +19,6 @@ const schema = z.object({
 
 const Login = () => {
   const [isLoading, setIsLoading] = useState(false);
-  const { replace, refresh } = useRouter();
   const { enqueueSnackbar } = useSnackbar();
   const searchParams = useSearchParams();
   const callbackUrl = searchParams.get("callbackUrl") || "/";
@@ -36,8 +35,7 @@ const Login = () => {
       if (res?.error) {
         enqueueSnackbar(`${res?.error}`, { variant: "error" });
       } else {
-        refresh();
-        replace("/");
+        window.location.assign("/");
       }
     } catch (err) {
       enqueueSnackbar(`${err}`, { variant: "error" });

app/registration/page.tsx

@@ -3,7 +3,6 @@ import { useState } from "react";
 import { Grid, Typography } from "@mui/material";
 import * as z from "zod";
 import { FieldValues } from "react-hook-form";
-import { useRouter } from "next/navigation";
 import { Button, Form, TextInput, Link } from "@/components";
 import { fetchService } from "@/services";
 import { useSnackbar } from "notistack";
@@ -26,7 +25,6 @@ const schema = z
 
 const Registration = () => {
   const [isLoading, setIsLoading] = useState(false);
-  const { replace, refresh } = useRouter();
   const { enqueueSnackbar } = useSnackbar();
 
   const onSubmit = async (data: FieldValues) => {
@@ -49,12 +47,11 @@ const Registration = () => {
       });
 
       if (!result?.error && result?.status === 200) {
+        window.location.assign("/");
+
         enqueueSnackbar("Sign up successful. Welcome to My lib", {
           variant: "success",
         });
-
-        refresh();
-        replace("/");
       } else {
         enqueueSnackbar(result?.error, { variant: "error" });
       }