User Profile Page (2.3)

There are two views for the user profile page.

1. User's own profile

This view allows the user to see his own user profile detail and his own user feed. There are two states user can see.

Default state : Allows user to see his own following user counter and Follower user counter.

Request pending state : Allows user to see his own following user counter, Follower user counter, and also the follow request he received.

Feature

Description

Follower counter

Shows the total count of followers. It will redirect to Following / Follower user list page when clicked.

Following counter

Shows the total count of users that you're following. It will redirect to Following / Follower user list page when clicked.

Pending follow request section

If you have pending follow requests from other users, you will see the pending request section. It will redirect to Follow request page when clicked.

Edit user profile

It will redirect to User profile edit page when clicked.

3 dot button

It will redirect to User setting page (2.2) when clicked.

Components

You can get this view by using this code:

//Use as activity
val intent = AmityUserProfileActivity.newIntent(context, userId)
startActivity(intent)

//Use as fragment
AmityUserProfilePageFragment.newInstance(userId).build(context)

2. Other user's profile

This view allows the user to see other user's profile detail and their user feed. There are two states user can see.

In the other user view , UIKIT has two main views that support the Follow user connection and the User privacy view.

Default state: Allows user to see the connection between the current user and the target user profile.

If the current user is NOT connected to the viewing user and Private setting is Public

If the current user is connected to the viewing user and Private setting is Public

If the current user is NOT connected to the viewing user and Private setting is Private

If the current user has send request to the viewing user and Private setting is Private

Feature

Description

Follow button

When clicked, the system will make a connection with the User.

If the Connection method = with request, system will change to cancel pending state.

Cancel request button

When clicked, follow request will be canceled

Follower counter

Showing the total count of followers. It will redirect to Following / Follower user list page when clicked.

Following counter

Shows the total count of users that you're following. It will redirect to to Following / Follower user list page when clicked.

Pending follow request section

If you have pending follow requests from other users, you will see the pending request section. It will redirect to Follow request page when clicked.

Edit user profile

It will redirect to User profile page when clicked.

User feed (Private view)

If a connection was not established, the user profile and the Private setting is Private.

3 dot button

It will redirect to User setting page (2.2) when clicked.

Components

You can get this view by using this block of code

//Use as activity
val intent = AmityUserProfileActivity.newIntent(context, userId)
startActivity(intent)

//Use as fragment
AmityUserProfilePageFragment.newInstance(userId).build(context)

Last updated