Changes in Filter panel when on close

src/pages/Directory/ContactFilterPanel.jsx

@@ -21,6 +21,12 @@ const ContactFilterPanel = forwardRef(
       useContactFilter();
     const { status } = useParams();
 
+    useEffect(() => {
+      return () => {
+        closePanel();
+      };
+    }, []);
+
     const dynamicdefaultContactFilter = useMemo(() => {
       return {
         ...defaultContactFilter,
@@ -61,13 +67,13 @@ const ContactFilterPanel = forwardRef(
 
     const onSubmit = (formData) => {
       onApply(formData);
-      closePanel();
+      // closePanel();
     };
 
     const handleClose = () => {
       reset(defaultContactFilter);
       onApply(defaultContactFilter);
-      closePanel();
+      // closePanel();
     };
 
     if (isLoading || isFetching) return <ExpenseFilterSkeleton />;
@@ -93,16 +99,15 @@ const ContactFilterPanel = forwardRef(
               valueKey="id"
             />
           </div>
-
           <div className="d-flex justify-content-end py-3 gap-2">
               <button
                 type="button"
-              className="btn btn-label-secondary btn-xs"
+                className="btn btn-label-secondary btn-sm"
                 onClick={handleClose}
               >
                 Clear
               </button>
-            <button type="submit" className="btn btn-primary btn-xs">
+              <button type="submit" className="btn btn-primary btn-sm">
                 Apply
               </button>
             </div>

src/pages/Directory/NoteFilterPanel.jsx

@@ -12,6 +12,11 @@ import SelectMultiple from "../../components/common/SelectMultiple";
 const NoteFilterPanel = forwardRef(({ onApply, clearFilter, setFilterdata }, ref) => {
   const { data, isError, isLoading, error, isFetched, isFetching } = useNoteFilter();
 
+ useEffect(() => {
+    return () => {
+      closePanel();
+    };
+  }, []);
 
   //Add this for Filter chip remover
   const dynamicdefaultNotesFilter = useMemo(() => {
@@ -35,13 +40,13 @@ const NoteFilterPanel = forwardRef(({ onApply, clearFilter, setFilterdata }, ref
 
   const onSubmit = (formData) => {
     onApply(formData);
-    closePanel();
+    // closePanel();
   };
 
   const handleClose = () => {
     reset(defaultNotesFilter);
     onApply(defaultNotesFilter);
-    closePanel();
+    // closePanel();
   };
 
   //Add this for Filter chip remover