@amityco/react-native-social-uikit 4.0.1-fd53cf63.0 → 4.0.2-232eeace.0

package/src/social/screens/SocialHomePage/index.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { StyleSheet, View } from 'react-native';
 import CustomSocialTab from '../../components/CustomSocialTab/CustomSocialTab';
-import { useUiKitConfig } from '../../hooks';
+import { useAmityElement, useUiKitConfig } from '../../hooks';
 import { ComponentID, ElementID, PageID } from '../../enums/enumUIKitID';
 import { useTheme } from 'react-native-paper';
 import { useBehaviour } from '../../providers/BehaviourProvider';
@@ -52,7 +52,20 @@ const AmitySocialHomePage = () => {
     keys: ['text'],
   }) as string[];
 
+  const { isExcluded: isExploreExcluded } = useAmityElement({
+    pageId: PageID.social_home_page,
+    componentId: ComponentID.WildCardComponent,
+    elementId: ElementID.explore_button,
+  });
+
+  const allTabs = [newsFeedTab, exploreTab, myCommunitiesTab, PROFILE_TAB];
+
+  const visibleTabs = isExploreExcluded
+    ? allTabs.filter((t) => t !== exploreTab)
+    : allTabs;
+
   const [activeTab, setActiveTab] = useState<string>(newsFeedTab);
+
   const visitedTabs = useRef<Set<string>>(new Set([newsFeedTab]));
 
   useEffect(() => {
@@ -81,6 +94,8 @@ const AmitySocialHomePage = () => {
     display: activeTab === tab ? ('flex' as const) : ('none' as const),
   });
 
+  const tabNames = isVisitorOrBot ? [exploreTab] : visibleTabs;
+
   return (
     <SafeAreaView
       testID="social_home_page"
@@ -89,16 +104,16 @@ const AmitySocialHomePage = () => {
       style={styles.container}
     >
       <AmitySocialHomeTopNavigationComponent activeTab={activeTab} />
-      <CustomSocialTab
-        activeTab={activeTab}
-        onTabChange={onTabChange}
-        tabNames={
-          isVisitorOrBot
-            ? [exploreTab]
-            : [newsFeedTab, exploreTab, myCommunitiesTab, PROFILE_TAB]
-        }
-      />
-      <Divider />
+      {tabNames.length > 1 && (
+        <>
+          <CustomSocialTab
+            activeTab={activeTab}
+            onTabChange={onTabChange}
+            tabNames={tabNames}
+          />
+          <Divider />
+        </>
+      )}
       {!isVisitorOrBot && (
         <View style={tabStyle(newsFeedTab)}>
           <AmityNewsFeedComponent