From 0a94d07fdf3b6fcf0697be9c50e9b5470e186cc5 Mon Sep 17 00:00:00 2001
From: Vasilica Olariu <olariu.vasilica@gmail.com>
Date: Thu, 27 Oct 2022 14:18:58 +0300
Subject: [PATCH] TCA-601 - enable filters & sort when the selected category
 has no certifications

---
 src-ts/tools/learn/my-learning/completed-tab/CompletedTab.tsx  | 3 ++-
 .../tools/learn/my-learning/in-progress-tab/InProgressTab.tsx  | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src-ts/tools/learn/my-learning/completed-tab/CompletedTab.tsx b/src-ts/tools/learn/my-learning/completed-tab/CompletedTab.tsx
index 143cfe380..345916033 100644
--- a/src-ts/tools/learn/my-learning/completed-tab/CompletedTab.tsx
+++ b/src-ts/tools/learn/my-learning/completed-tab/CompletedTab.tsx
@@ -27,6 +27,7 @@ const CompletedTab: FC<CompletedTabProps> = (props: CompletedTabProps) => {
         props.certifications
     )
 
+    const disableFilters: boolean = props.certifications.length < 1
     const hasCertifications: boolean = certifications.length >= 1
 
     const renderPlaceholder: () => ReactNode = () => (
@@ -60,7 +61,7 @@ const CompletedTab: FC<CompletedTabProps> = (props: CompletedTabProps) => {
             sortOptions={sortOptions.completed}
             onSortChange={handleSortChange}
             onCategoryChange={handleCategoryChange}
-            disableFilters={!hasCertifications}
+            disableFilters={disableFilters}
         >
             <div className={styles['cards-wrap']}>
                 {renderCertificationsList()}
diff --git a/src-ts/tools/learn/my-learning/in-progress-tab/InProgressTab.tsx b/src-ts/tools/learn/my-learning/in-progress-tab/InProgressTab.tsx
index 53c03c2cb..9a745e9a1 100644
--- a/src-ts/tools/learn/my-learning/in-progress-tab/InProgressTab.tsx
+++ b/src-ts/tools/learn/my-learning/in-progress-tab/InProgressTab.tsx
@@ -27,6 +27,7 @@ const InProgressTab: FC<InProgressTabProps> = (props: InProgressTabProps) => {
         props.certifications
     )
 
+    const disableFilters: boolean = props.certifications.length < 1
     const hasCertifications: boolean = certifications.length >= 1
 
     const renderPlaceholder: () => ReactNode = () => (
@@ -63,7 +64,7 @@ const InProgressTab: FC<InProgressTabProps> = (props: InProgressTabProps) => {
             sortOptions={sortOptions.inProgress}
             onSortChange={handleSortChange}
             onCategoryChange={handleCategoryChange}
-            disableFilters={!hasCertifications}
+            disableFilters={disableFilters}
         >
             <div className={styles.wrap}>
                 {renderCertificationsList()}