Clip

// General clip feed
let clipFeedPage = AmityClipFeedPage()
let hostController = AmitySwiftUIHostingNavigationController(rootView: clipFeedPage)
present(hostController, animated: true)

// Community-specific clip feed
let communityClipFeed = AmityClipFeedPage(type: .community("<community-id>"))
let communityController = AmitySwiftUIHostingNavigationController(rootView: communityClipFeed)
present(communityController, animated: true)

@Composable
fun composeClipFeedPage(type: AmityClipFeedPageType) {
    AmityClipFeedPage(
        type = type
    )
}

// Using Activity
fun startClipFeedActivity(context: Context, type: AmityClipFeedPageType) {
    val intent = AmityClipFeedPageActivity.newIntent(
        context = context,
        type = type
    )
    context.startActivity(intent)
}

import React from 'react';
import { AmityUiKitProvider, AmityClipFeedPage } from '@amityco/ui-kit';

const ClipFeedPage = () => {
  return (
    <AmityUiKitProvider
      apiKey="API_KEY"
      apiRegion="API_REGION"
      userId="userId"
      displayName="displayName"
      configs={{}}
      pageBehavior={{
        AmityClipFeedPageBehavior: {
          goToSelectClipPostTargetPage: (context) => {
            // Handle clip creation navigation
          },
          goToPostDetailPage: (context) => {
            // Handle post detail navigation
          },
          goToUserProfilePage: (context) => {
            // Handle user profile navigation
          },
          goToCommunityPage: (context) => {
            // Handle community navigation
          },
        },
      }}
    >
      <AmityClipFeedPage
        currentPostId="postId"
        postIndex={0}
        targetType="user"
        targetId={null}
      />
    </AmityUiKitProvider>
  );
};

export default ClipFeedPage;

class CustomClipFeedPageBehavior: AmityClipFeedPageBehavior {
    override init() {
        super.init()
    }
    
    override func goToPostDetailPage(context: AmityClipFeedPageBehavior.Context) {
        // Navigate to post detail page
        let postDetailPage = AmityPostDetailPage(postId: context.postId)
        let viewController = AmitySwiftUIHostingController(rootView: postDetailPage)
        navigationController?.pushViewController(viewController, animated: true)
    }
    
    override func goToUserProfilePage(context: AmityClipFeedPageBehavior.Context) {
        // Navigate to user profile page
        let userProfilePage = AmityUserProfilePage(userId: context.userId)
        let viewController = AmitySwiftUIHostingController(rootView: userProfilePage)
        navigationController?.pushViewController(viewController, animated: true)
    }
    
    override func goToCommunityProfilePage(context: AmityClipFeedPageBehavior.Context) {
        // Navigate to community profile page
        let communityProfilePage = AmityCommunityProfilePage(community: context.community)
        let viewController = AmitySwiftUIHostingController(rootView: communityProfilePage)
        navigationController?.pushViewController(viewController, animated: true)
    }
    
    override func goToSelectPostTargetPage(context: AmityClipFeedPageBehavior.Context) {
        // Navigate to post target selection
        let targetSelectionPage = AmityPostTargetSelectionPage(isClipPost: true)
        let viewController = AmitySwiftUIHostingController(rootView: targetSelectionPage)
        navigationController?.pushViewController(viewController, animated: true)
    }
}

// Setup custom behavior
func setClipFeedBehavior() {
    let customBehavior = CustomClipFeedPageBehavior()
    AmityUIKit4Manager.behaviour.clipFeedPageBehavior = customBehavior
}

class CustomClipFeedPageBehavior : AmityClipPageBehavior() {
    override fun goToPostDetailPage(context: Context, postId: String) {
        // Navigate to post detail page
        val intent = AmityPostDetailPageActivity.newIntent(
            context = context,
            postId = postId
        )
        context.startActivity(intent)
    }

    override fun goToClipPostComposerPage(
        context: Context,
        targetId: String?,
        targetType: AmityPostTargetType,
    ) {
        // Navigate to clip creation
        val intent = AmityCreateClipPageActivity.newIntent(
            context = context,
            targetId = targetId ?: "UserId",
            targetType = targetType
        )
        context.startActivity(intent)
    }

    override fun goToCommunityProfilePage(
        context: Context,
        community: AmityCommunity,
    ) {
        // Navigate to community profile
        val intent = AmityCommunityProfilePageActivity.newIntent(
            context = context,
            community = community
        )
        context.startActivity(intent)
    }

    override fun goToUserProfilePage(context: Context, userId: String) {
        // Navigate to user profile
        val intent = AmityUserProfilePageActivity.newIntent(
            context = context,
            userId = userId
        )
        context.startActivity(intent)
    }

    override fun goToSelectPostTargetPage(
        context: Context,
        type: AmityPostTargetSelectionPageType,
    ) {
        // Navigate to target selection
        val intent = AmityPostTargetSelectionPageActivity.newIntent(
            context = context,
            type = type
        )
        context.startActivity(intent)
    }

    override fun goToCreateCommunityPage(context: Context) {
        // Navigate to community creation
        val intent = AmityCreateCommunityPageActivity.newIntent(context)
        context.startActivity(intent)
    }
}

// Setup custom behavior
fun setCustomBehavior() {
    val customBehaviour = CustomClipFeedPageBehavior()
    AmityUIKit4Manager.behavior.clipFeedPageBehavior = customBehaviour
}