From 3e1c8b913a5650f75a0ce8117a6aacebbd8989e0 Mon Sep 17 00:00:00 2001
From: rithviknishad <mail@rithviknishad.dev>
Date: Wed, 24 Jan 2024 20:27:39 +0530
Subject: [PATCH] fix children not in correct order in filter badges

---
 src/Common/hooks/useFilters.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Common/hooks/useFilters.tsx b/src/Common/hooks/useFilters.tsx
index c872596d6f..4229ae8ab0 100644
--- a/src/Common/hooks/useFilters.tsx
+++ b/src/Common/hooks/useFilters.tsx
@@ -185,7 +185,8 @@ export default function useFilters({
         {compiledBadges.map((props) => (
           <FilterBadge {...props} name={t(props.name)} key={props.name} />
         ))}
-        {activeFilters.length >= 1 && (
+        {children}
+        {(activeFilters.length >= 1 || children) && (
           <button
             id="clear-all-filters"
             className="rounded-full border border-gray-300 bg-white px-2 py-1 text-xs text-gray-600 hover:text-gray-800"
@@ -194,7 +195,6 @@ export default function useFilters({
             {t("clear_all_filters")}
           </button>
         )}
-        {children}
       </div>
     );
   };