Merge branch 'feature/AB#22166' into dev

Provincie-Zuid-Holland · Nov 15, 2024 · 72f3a65 · 72f3a65
2 parents 1dd5c82 + 255a10d
commit 72f3a65
Showing 1 changed file with 39 additions and 12 deletions.
diff --git a/src/pages/protected/Modules/ModulesOverview/ModulesOverview.tsx b/src/pages/protected/Modules/ModulesOverview/ModulesOverview.tsx
@@ -90,7 +90,9 @@ const TabContent = ({ type, activeTab }: TabContentProps) => {
         {
             filter_activated: activeTab === 'inactive' ? false : true,
             filter_closed: activeTab === 'archive' ? true : false,
-            filter_title: filter?.filter_title || undefined,
+            filter_title: filter?.filter_title
+                ? `%${filter.filter_title}%`
+                : undefined,
             sort_column:
                 (sortBy?.[0]?.id as ModuleSortColumn) || 'Modified_Date',
             sort_order: sortBy?.[0]?.desc ? 'DESC' : 'ASC',
@@ -161,22 +163,38 @@ const TabContent = ({ type, activeTab }: TabContentProps) => {
                                 <LoaderCard height="208" mb="" />
                                 <LoaderCard height="208" mb="" />
                             </>
-                        ) : !!modules?.results.length ? (
+                        ) : (
+                            !!modules?.results.length &&
                             modules?.results?.map(module => (
                                 <ModuleTile
                                     key={`module-${module.Module_ID}`}
                                     {...module}
                                 />
                             ))
-                        ) : (
-                            <Text>
-                                {`Er zijn geen op dit moment geen ${
-                                    type === 'active' ? 'actieve' : 'inactieve'
-                                } modules.`}
-                            </Text>
                         )}
                     </div>
 
+                    {!!!modules?.results.length && (
+                        <div className="mt-6">
+                            {!filter?.filter_title ? (
+                                <Text>
+                                    {`Er zijn geen op dit moment geen ${
+                                        type === 'active'
+                                            ? 'actieve'
+                                            : 'inactieve'
+                                    } modules.`}
+                                </Text>
+                            ) : (
+                                <Text>
+                                    Er zijn geen resultaten voor '
+                                    {filter.filter_title}' binnen{' '}
+                                    {type === 'inactive' && 'niet '}actieve
+                                    modules.
+                                </Text>
+                            )}
+                        </div>
+                    )}
+
                     {!!modules?.total &&
                         !!modules?.limit &&
                         modules.total > modules.limit && (
@@ -191,8 +209,8 @@ const TabContent = ({ type, activeTab }: TabContentProps) => {
                         )}
                 </>
             ) : (
-                !!formattedData?.length && (
-                    <div className="mt-6">
+                <div className="mt-6">
+                    {!!formattedData?.length ? (
                         <Table
                             columns={columns}
                             data={formattedData}
@@ -209,8 +227,17 @@ const TabContent = ({ type, activeTab }: TabContentProps) => {
                             manualSorting
                             isLoading={isFetching}
                         />
-                    </div>
-                )
+                    ) : !filter?.filter_title ? (
+                        <Text>
+                            Er zijn geen op dit moment geen afgeronde modules.
+                        </Text>
+                    ) : (
+                        <Text>
+                            Er zijn geen resultaten voor '{filter.filter_title}'
+                            binnen afgeronde modules.
+                        </Text>
+                    )}
+                </div>
             )}
         </div>
     )