@amityco/react-native-social-uikit 4.0.0-c2327e7.0 → 4.0.0-d2b8337.0

package/src/v4/PublicApi/Components/AmityCreatePostMenuComponent/AmityCreatePostMenuComponent.tsx

@@ -62,14 +62,14 @@ const AmityCreatePostMenuComponent = ({
           navigation.navigate('PollTargetSelection');
         },
 
-        [AmityPostTargetSelectionPageType.livestream]: () => {
-          if (
-            AmityCreatePostMenuComponentBehavior.goToSelectLivestreamPostTargetPage
-          ) {
-            AmityCreatePostMenuComponentBehavior.goToSelectLivestreamPostTargetPage();
-          }
-          navigation.navigate('LivestreamPostTargetSelection');
-        },
+        // [AmityPostTargetSelectionPageType.livestream]: () => {
+        //   if (
+        //     AmityCreatePostMenuComponentBehavior.goToSelectLivestreamPostTargetPage
+        //   ) {
+        //     AmityCreatePostMenuComponentBehavior.goToSelectLivestreamPostTargetPage();
+        //   }
+        //   navigation.navigate('LivestreamPostTargetSelection');
+        // },
       };
       postTypeHandlers[postType]?.();
     },
@@ -100,14 +100,14 @@ const AmityCreatePostMenuComponent = ({
         elementId={ElementID.create_poll_button}
         onClick={() => onPressCreatePost(AmityPostTargetSelectionPageType.poll)}
       />
-      <ButtonWithIconElement
+      {/* <ButtonWithIconElement
         pageId={pageId}
         componentId={componentId}
         elementId={ElementID.create_livestream_button}
         onClick={() =>
           onPressCreatePost(AmityPostTargetSelectionPageType.livestream)
         }
-      />
+      /> */}
     </View>
   );
 };

package/src/v4/PublicApi/Components/AmityPostContentComponent/AmityPostContentComponent.tsx

@@ -34,7 +34,7 @@ import AnnouncementBadge from '../../../../v4/elements/AnnouncementBadge';
 import { Typography } from '../../../../v4/component/Typography/Typography';
 
 type AmityPostContentComponentProps = {
-  post: Amity.Post;
+  post: Amity.Post & { structureType?: string };
   pageId?: PageID;
   AmityPostContentComponentStyle?: AmityPostContentComponentStyleEnum;
   isCommunityNameShown?: boolean;

package/src/v4/PublicApi/Elements/ButtonWithIconElement/styles.ts

@@ -6,7 +6,6 @@ export const useStyle = (themeStyle: MyMD3Theme) => {
     container: {
       display: 'flex',
       flexDirection: 'row',
-      alignItems: 'center',
       width: 200,
       paddingTop: 12,
       paddingBottom: 12,
@@ -14,8 +13,8 @@ export const useStyle = (themeStyle: MyMD3Theme) => {
       gap: 12,
     },
     icon: {
-      width: 24,
-      height: 24,
+      width: 20,
+      height: 20,
       tintColor: themeStyle.colors.base,
     },
     label: {

package/src/v4/PublicApi/Pages/AmityCommunityProfilePage/AmityCommunityProfilePage.tsx

@@ -35,7 +35,8 @@ import { RootStackParamList } from '../../../routes/RouteParamList';
 import CommunityCreatePostButton from '../../../elements/CommunityCreatePostButton/CommunityCreatePostButton';
 import { SvgXml } from 'react-native-svg';
 import { useBehaviour } from '../../../../v4/providers/BehaviourProvider';
-import { livestream, poll, post, story } from '../../../../v4/assets/icons';
+
+import { poll, post, story } from '../../../../v4/assets/icons';
 import { RouteProp, useNavigation, useRoute } from '@react-navigation/native';
 
 import { useTheme } from 'react-native-paper';
@@ -264,7 +265,7 @@ function CommunityProfileActions({ pageId, communityId, styles }) {
     AmityPostTargetSelectionPageBehavior,
     AmityPollTargetSelectionPageBehavior,
     AmityStoryTargetSelectionPageBehavior,
-    AmityLivestreamPostTargetSelectionPageBehavior,
+    // AmityLivestreamPostTargetSelectionPageBehavior,
   } = useBehaviour();
   const navigation =
     useNavigation<
@@ -310,26 +311,26 @@ function CommunityProfileActions({ pageId, communityId, styles }) {
     });
   };
 
-  const handleCreateLivestream = () => {
-    closeBottomSheet();
-
-    if (
-      AmityLivestreamPostTargetSelectionPageBehavior.goToCreateLivestreamPage
-    ) {
-      return AmityLivestreamPostTargetSelectionPageBehavior.goToCreateLivestreamPage(
-        {
-          targetId: communityId,
-          targetType: 'community',
-          targetName: community?.displayName,
-        }
-      );
-    }
-    navigation.navigate('CreateLivestream', {
-      targetId: communityId,
-      targetType: 'community',
-      targetName: community?.displayName,
-    });
-  };
+  // const handleCreateLivestream = () => {
+  //   closeBottomSheet();
+
+  //   if (
+  //     AmityLivestreamPostTargetSelectionPageBehavior.goToCreateLivestreamPage
+  //   ) {
+  //     return AmityLivestreamPostTargetSelectionPageBehavior.goToCreateLivestreamPage(
+  //       {
+  //         targetId: communityId,
+  //         targetType: 'community',
+  //         targetName: community?.displayName,
+  //       }
+  //     );
+  //   }
+  //   navigation.navigate('CreateLivestream', {
+  //     targetId: communityId,
+  //     targetType: 'community',
+  //     targetName: community?.displayName,
+  //   });
+  // };
 
   const handleCreatePoll = () => {
     closeBottomSheet();
@@ -397,7 +398,7 @@ function CommunityProfileActions({ pageId, communityId, styles }) {
               <SvgXml width={24} height={24} xml={poll()} color={colors.base} />
               <Text style={styles.bottomSheetOptionText}>Poll</Text>
             </TouchableOpacity>
-            <TouchableOpacity
+            {/* <TouchableOpacity
               onPress={handleCreateLivestream}
               style={styles.bottomSheetOption}
             >
@@ -408,7 +409,7 @@ function CommunityProfileActions({ pageId, communityId, styles }) {
                 color={colors.base}
               />
               <Text style={styles.bottomSheetOptionText}>Livestream</Text>
-            </TouchableOpacity>
+            </TouchableOpacity> */}
           </Animated.View>
         </Pressable>
       </Modal>

package/src/v4/PublicApi/Pages/AmityCommunityProfilePage/styles.ts

@@ -41,7 +41,7 @@ export const useStyles = (theme: MyMD3Theme) => {
       backgroundColor: theme.colors.background,
       borderTopLeftRadius: 20,
       borderTopRightRadius: 20,
-      paddingHorizontal: 16,
+      padding: 10,
       minHeight: 200,
       paddingBottom: insets.bottom + 10,
     },
@@ -57,7 +57,7 @@ export const useStyles = (theme: MyMD3Theme) => {
       flexDirection: 'row',
       alignItems: 'center',
       paddingVertical: 16,
-      paddingHorizontal: 0,
+      paddingHorizontal: 16,
     },
     bottomSheetOptionText: {
       fontSize: 16,