Merge pull request #2202 from ever-co/fix/profile

Fix: profile infinity scroll and Tab (Tickets) data
ever-co · Feb 12, 2024 · 849e7d5 · 849e7d5
2 parents 626bec0 + 3e8596a
commit 849e7d5
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/apps/web/app/[locale]/profile/[memberId]/page.tsx b/apps/web/app/[locale]/profile/[memberId]/page.tsx
@@ -122,7 +122,11 @@ const Profile = React.memo(function ProfilePage({ params }: { params: { memberId
 				)}
 
 				<Container fullWidth={fullWidth} className="mb-10">
-					{activityScreens[activityFilter] ?? null}
+					{hook.tab !== 'worked' ? (
+						<UserProfileTask profile={profile} tabFiltered={hook} />
+					) : (
+						activityScreens[activityFilter] ?? null
+					)}
 				</Container>
 			</MainLayout>
 		</>

diff --git a/apps/web/app/hooks/useInfinityFetch.ts b/apps/web/app/hooks/useInfinityFetch.ts
@@ -23,7 +23,6 @@ export const useInfinityScrolling = <T>(arr: T[], lim?: number) => {
 	}, [limit, offset]);
 
 	React.useEffect(() => {
-		console.log({ offset });
 		getSomeTasks(offset);
 		// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, [offset]);

diff --git a/apps/web/lib/features/user-profile-tasks.tsx b/apps/web/lib/features/user-profile-tasks.tsx
@@ -31,6 +31,7 @@ export function UserProfileTask({ profile, tabFiltered }: Props) {
 		profile.member?.running == true ? t.id !== profile.activeUserTeamTask?.id : t
 	);
 	const { nextOffset, data } = useInfinityScrolling(otherTasks);
+	const dataTodisplay = otherTasks.length > 10 ? otherTasks : data;
 	// const { total, onPageChange, itemsPerPage, itemOffset, endOffset, setItemsPerPage, currentItems } =
 	// 	usePagination(otherTasks);
 
@@ -84,7 +85,7 @@ export function UserProfileTask({ profile, tabFiltered }: Props) {
 			)}
 
 			<ul className="flex flex-col gap-6">
-				{data.map((task, index) => {
+				{dataTodisplay.map((task, index) => {
 					return (
 						<li key={task.id}>
 							<ObserverComponent isLast={index === data.length - 1} getNextData={nextOffset} />