import { observer } from "mobx-react"; import { useRouter } from "next/router"; import useSWR from "swr"; //hooks import { Loader } from "@plane/ui"; import { ActivityMessage, IssueLink } from "@/components/core"; import { ProfileEmptyState } from "@/components/ui"; import { USER_PROFILE_ACTIVITY } from "@/constants/fetch-keys"; import { calculateTimeAgo } from "@/helpers/date-time.helper"; import { useUser } from "@/hooks/store"; // services import { UserService } from "@/services/user.service"; import recentActivityEmptyState from "public/empty-state/recent_activity.svg"; // components // ui // image // helpers // fetch-keys // services const userService = new UserService(); export const ProfileActivity = observer(() => { const router = useRouter(); const { workspaceSlug, userId } = router.query; // store hooks const { currentUser } = useUser(); const { data: userProfileActivity } = useSWR( workspaceSlug && userId ? USER_PROFILE_ACTIVITY(workspaceSlug.toString(), userId.toString(), {}) : null, workspaceSlug && userId ? () => userService.getUserProfileActivity(workspaceSlug.toString(), userId.toString(), { per_page: 10, }) : null ); return (

Recent activity

{userProfileActivity ? ( userProfileActivity.results.length > 0 ? (
{userProfileActivity.results.map((activity) => (
{activity.actor_detail?.avatar && activity.actor_detail?.avatar !== "" ? ( {activity.actor_detail?.display_name} ) : (
{activity.actor_detail?.display_name?.charAt(0)}
)}

{currentUser?.id === activity.actor_detail?.id ? "You" : activity.actor_detail?.display_name}{" "} {activity.field ? ( ) : ( created )}

{calculateTimeAgo(activity.created_at)}

))}
) : ( ) ) : ( )}
); });