feat: add validation

Author: arielsrodriguez

src/components/Tabs/TabGroup.tsx

@@ -173,6 +173,9 @@ function TabGroup({
   ])
 
   useEffect(() => {
+    if ((children as React.ReactElement)?.props?.hidden) return
+    console.log('value', value)
+    console.log('children', children)
     handleChangeIndicator(value)
   }, [orientation, variant, wideLine, value, children])
 

src/components/TopPage/TopPage.tsx

@@ -2,7 +2,7 @@
  * Copyright (c) DD360 and its affiliates.
  */
 
-import React, { useCallback, useMemo } from 'react'
+import React, { useCallback } from 'react'
 import { composeClasses } from 'lib/classes'
 import Breadcrumbs from 'components/Breadcrumbs'
 import type { BreadcrumbsProps } from 'components/Breadcrumbs'
@@ -109,12 +109,6 @@ const TopPage = ({
     return 'text-blue-600'
   }, [actionIcon])
 
-  const updateTabs = useMemo(() => {
-    return tabs?.items.filter((tab) => !tab.hidden)
-  }, [tabs])
-
-  console.log('updateTabs', updateTabs)
-
   return (
     <div className={classNameHeader ?? 'sticky top-0 bg-white z-40 px-5'}>
       {(optionsBreadcrumbs || lastUpdate) && (
@@ -209,17 +203,19 @@ const TopPage = ({
         )}
       </Flex>
       <div className="-mx-5 mt-1">
-        {updateTabs ? (
+        {tabs ? (
           <TabGroup value={tabs?.value} onChange={tabs?.setValue}>
-            {updateTabs?.map((tab, index) => (
-              <Tab
-                key={index}
-                label={tab.label}
-                disabled={tab.disabled}
-                hidden={tab.hidden}
-                toolTipProps={tab.toolTipProps}
-              />
-            ))}
+            {tabs?.items?.map((tab, index) => {
+              return (
+                <Tab
+                  key={index}
+                  label={tab.label}
+                  disabled={tab.disabled}
+                  hidden={tab.hidden}
+                  toolTipProps={tab.toolTipProps}
+                />
+              )
+            })}
           </TabGroup>
         ) : (
           <Divider className="mt-3" light />