fix: Reset slug when clearing all filters

components/filters/checkbox-filter.tsx

@@ -1,6 +1,6 @@
 "use client";
 import React from "react";
-import { usePathname, useRouter, useSearchParams } from "next/navigation";
+import { usePathname, useRouter } from "next/navigation";
 import { Checkbox } from "@nextui-org/checkbox";
 import { createUrl } from "@/utils/url";
 

components/filters/clear-filters.tsx

@@ -1,6 +1,6 @@
 "use client";
 import React from "react";
-import { usePathname, useSearchParams } from "next/navigation";
+import { usePathname } from "next/navigation";
 import { useRouter } from "next/navigation";
 import { Chip } from "@nextui-org/chip";
 import { createUrl } from "@/utils/url";
@@ -14,11 +14,10 @@ interface IClearFilters {
 export const ClearFilters = ({ param, value, onClear }: IClearFilters) => {
   const router = useRouter();
   const pathname = usePathname();
-  const params = useSearchParams();
 
-  const clearSearchParams = () => {
+  const handleClear = () => {
     if (!!param) {
-      const newUrl = createUrl(param, null, pathname, params);
+      const newUrl = createUrl(param, [], pathname);
       router.replace(newUrl);
     } else {
       router.replace(pathname);
@@ -32,8 +31,8 @@ export const ClearFilters = ({ param, value, onClear }: IClearFilters) => {
         className="cursor-pointer"
         variant="bordered"
         color="danger"
-        onClick={clearSearchParams}
-        onClose={clearSearchParams}
+        onClick={handleClear}
+        onClose={handleClear}
       >
         {value}
       </Chip>

hooks/useFilters.tsx

@@ -1,4 +1,5 @@
 import { useCallback, useState } from "react";
+import { useRouter } from "next/navigation";
 import { FilterKeys, Filters } from "@/types/filters";
 import { initFilters } from "@/utils/filters";
 
@@ -16,6 +17,7 @@ export interface IFiltersContext {
 export const useFilters = ({
   initialFilters,
 }: IConfigProps): IFiltersContext => {
+  const router = useRouter();
   const [filters, setFilters] = useState(initialFilters);
 
   const updateFilter = useCallback((key: FilterKeys, values: string[]) => {
@@ -45,7 +47,8 @@ export const useFilters = ({
   const clearAllFilters = useCallback(() => {
     const emptyFilters = initFilters();
     setFilters(emptyFilters);
-  }, []);
+    router.replace("/explore/open-contributions", { scroll: false });
+  }, [router]);
 
   return {
     filters,