TCA-601 - enable filters & sort when the selected category has no certifications

Author: vas3a

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()}

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()}