619: Updated skeletons by az2924 · Pull Request #642 · Patina-Network/codebloom

az2924 · 2026-01-11T03:26:25Z

619 Description of changes

MiniLeaderboardMobileSkeleton.tsx (Removed table structure; Added All & Patina tabs)
MiniLeaderboardSkeleton.tsx (Removed table structure; Added All & Patina tabs)
IncompleteQuestionListSkeleton.tsx (Removed Search and Pages Buttons)
AllLeaderboardAdminSkeleton.tsx (Added Search and Created buttons)
UserAdminListSkeleton.tsx (Added pages button and aligned boxes)
DashboardLeaderboardSkeleton.tsx (Added All & Patina tabs)
UserSubmissionsSkeleton.tsx (Added search, pages, and removed table structure)
MiniUserSubmissionsSkeleton.tsx (Removed table structure, added points, & added completion time)
RecentSubmissionsSkeleton.tsx (Removed table structure, added points, & completion added time)
UserTagsSkeleton.tsx (Added extra row for Leaderboards)
UserProfileHeaderSkeleton.tsx (Adjusted width)
LeaderboardSkeleton.tsx (Removed table structure)
SkeletonButton.tsx (Decreased size of upper right-hand profile picture)

Checklist before review

I have done a thorough self-review of the PR
Copilot has reviewed my latest changes, and all comments have been fixed and/or closed.
If I have made database changes, I have made sure I followed all the db repo rules listed in the wiki here. (check if no db changes)
All tests have passed
I have successfully deployed this PR to staging
I have done manual QA in both dev (and staging if possible) and attached screenshots below.

Screenshots

Dev

DashboardLeaderboardSkeleton.tsx & MiniUserSubmissionsSkeleton.tsx

LeaderboardSkeleton.tsx & SkeletonButton.tsx

MiniLeaderboardMobileSkeleton.tsx

MiniLeaderboardSkeleton.tsx

IncompleteQuestionListSkeleton.tsx, AllLeaderboardAdminSkeleton.tsx, & UserAdminListSkeleton.tsx

UserProfileHeaderSkeleton.tsx, UserTagsSkeleton.tsx, & RecentSubmissionsSkeleton.tsx

UserSubmissionsSkeleton.tsx

Staging

DashboardLeaderboardSkeleton.tsx & MiniUserSubmissionsSkeleton.tsx

LeaderboardSkeleton.tsx & SkeletonButton.tsx

MiniLeaderboardMobileSkeleton.tsx

MiniLeaderboardSkeleton.tsx

IncompleteQuestionListSkeleton.tsx, AllLeaderboardAdminSkeleton.tsx, & UserAdminListSkeleton.tsx

UserProfileHeaderSkeleton.tsx, UserTagsSkeleton.tsx & RecentSubmissionsSkeleton.tsx

UserSubmissionsSkeleton.tsx

github-actions · 2026-01-11T03:27:36Z

Title

619: Updated skeletons

PR Type

Enhancement

Description

Replace table-based skeletons with card rows
Add segmented controls for filters
Standardize spacing, sizes, pagination skeletons
Simplify headers and user tags skeletons

Diagram Walkthrough

flowchart LR
  tables["Table-based skeletons"] -- "replace with" --> cards["Card/list row skeletons"]
  headers["Header/search skeletons"] -- "simplify and resize" --> consistency["Consistent sizing"]
  filters["Filter/segment controls"] -- "add skeletons" --> leaderboards["Leaderboard skeletons"]
  pagination["Pagination dots skeletons"] -- "centered and uniform" --> multiplePages["Lists and leaderboards"]

File Walkthrough

Relevant files

Enhancement

12 files

MiniLeaderboardMobileSkeleton.tsx `Convert to card rows with filter buttons`	+29/-43
MiniLeaderboardSkeleton.tsx `Replace table with cards and controls`	+27/-41
IncompleteQuestionListSkeleton.tsx `Remove header/pagination, enlarge items`	+2/-11
AllLeaderboardAdminSkeleton.tsx `Add search/create controls and centered pagination`	+9/-8
UserAdminListSkeleton.tsx `Add header item and centered pagination`	+5/-7
DashboardLeaderboardSkeleton.tsx `Simplify header, add filters, card rows`	+18/-45
LeaderboardSkeleton.tsx `Replace table with flex rows and pagination`	+27/-33
UserProfileHeaderSkeleton.tsx `Consolidate to single larger title skeleton`	+1/-2
UserTagsSkeleton.tsx `Add second row of tag boxes`	+11/-5
MiniUserSubmissionsSkeleton.tsx `Replace table with stacked card items`	+23/-64
UserSubmissionsSkeleton.tsx `Convert table to cards with pagination`	+28/-54
SkeletonButton.tsx `Reduce skeleton button width`	+1/-1

github-actions · 2026-01-11T03:27:49Z

PR Reviewer Guide 🔍

Here are some key observations to aid the review process:

⏱️ Estimated effort to review: 2 🔵🔵⚪⚪⚪
🧪 No relevant tests
🔒 No security concerns identified
⚡ Recommended focus areas for review Accessibility The newly added tab-like Skeletons for "All" and "Patina" are purely visual; consider adding aria-role or placeholder text for screen readers to mirror the intended tabs/segmented control for better a11y during loading. <Flex justify="center" mb="xl" style={{ gap: "2px" }}> <Skeleton visible width="150px" height="36px" /> <Skeleton visible width="150px" height="36px" /> </Flex> Consistency List row skeletons now mimic cards; ensure spacing, heights, and counts align with the actual list layout to avoid CLS when real data loads, especially with the 17-item render and pagination placeholders. {Array(17) .fill(0) .map((_, index) => ( <Flex key={index} justify="space-between" align="center" mb="md" p="md" style={{ borderRadius: "8px", backgroundColor: "rgba(255, 255, 255, 0.02)", }} > <Flex align="center" gap="md"> <Skeleton visible width="2rem" height="2rem" /> <Skeleton visible width="200px" height="3rem" /> </Flex> <Skeleton visible width="3rem" height="2rem" /> </Flex> ))} <Box p="xl" display="flex" style={{ justifyContent: "center" }}> {[...Array(8)].map((_, i) => ( <Skeleton key={i} height={30} width={30} mr={8} /> ))} </Box> Layout Parity The structure changed from one row of three to two rows; verify this matches the actual UserTags layout to prevent layout shift between skeleton and loaded content. <Flex wrap="wrap" gap="sm"> <Skeleton height={40} width={40} /> <Skeleton height={40} width={40} /> </Flex> <Flex wrap="wrap" gap="sm"> <Skeleton height={40} width={40} /> <Skeleton height={40} width={40} /> <Skeleton height={40} width={40} /> </Flex> </>

github-actions · 2026-01-11T03:32:07Z

Overall Project	75.73%	🍏

There is no coverage information present for the Files changed

az2924 · 2026-01-11T03:41:05Z

/deploy

github-actions · 2026-01-11T03:41:38Z

The command to deploy to staging for the commit b5cad2d has been triggered. View action run

github-actions · 2026-01-11T03:45:40Z

Overall Project	75.73%	🍏

There is no coverage information present for the Files changed

github-actions · 2026-01-11T03:56:37Z

Staging deployment succeeded for commit b5cad2d

View run

github-actions · 2026-01-11T04:12:36Z

Overall Project	75.73%	🍏

There is no coverage information present for the Files changed

github-actions · 2026-01-11T07:58:30Z

Overall Project	75.81%	🍏

There is no coverage information present for the Files changed

az2924 · 2026-01-11T21:00:46Z

/deploy

github-actions · 2026-01-11T21:01:14Z

The command to deploy to staging for the commit a5a994d has been triggered. View action run

az2924 · 2026-01-11T21:06:47Z

/deploy

github-actions · 2026-01-11T21:07:26Z

Staging deployment was cancelled for commit a5a994d

View run

github-actions · 2026-01-11T21:07:39Z

The command to deploy to staging for the commit 476459d has been triggered. View action run

github-actions · 2026-01-11T21:12:33Z

Title

619: Updated skeletons

PR Type

Enhancement

Description

Replace table skeletons with card rows
Add tab and control skeletons
Align sizes to current UI
Update pagination skeleton indicators

Diagram Walkthrough

flowchart LR
  tables["Table-based skeletons"] -- "replaced with" --> cards["Card/Paper row skeletons"]
  headers["Headers & tabs"] -- "added/updated" --> controls["Search, filters, tabs skeletons"]
  pagination["Pagination placeholders"] -- "standardized" --> dots["Centered dot buttons"]
  sizing["Sizing tweaks"] -- "adjusted" --> consistency["Visual consistency across pages"]

File Walkthrough

Relevant files

Enhancement

12 files

MiniLeaderboardMobileSkeleton.tsx `Convert to card rows and add tabs`	+27/-43
MiniLeaderboardSkeleton.tsx `Replace table with paper rows and tabs`	+27/-45
IncompleteQuestionListSkeleton.tsx `Simplify list; remove controls; larger rows`	+2/-11
AllLeaderboardAdminSkeleton.tsx `Add search/create bars and pagination dots`	+10/-9
UserAdminListSkeleton.tsx `Add header and centered pagination dots`	+7/-9
DashboardLeaderboardSkeleton.tsx `Streamline leaderboard with tabs and row blocks`	+16/-45
LeaderboardSkeleton.tsx `Replace table with paper list and pagination`	+29/-48
UserProfileHeaderSkeleton.tsx `Adjust header skeleton to single larger line`	+1/-2
UserTagsSkeleton.tsx `Add extra row of tag skeletons`	+11/-5
MiniUserSubmissionsSkeleton.tsx `Convert table to paper rows in scroll area`	+23/-66
UserSubmissionsSkeleton.tsx `Replace table with cards, add controls and pagination`	+37/-64
SkeletonButton.tsx `Reduce skeleton button width`	+1/-1

github-actions · 2026-01-11T21:12:48Z

PR Reviewer Guide 🔍

Here are some key observations to aid the review process:

⏱️ Estimated effort to review: 2 🔵🔵⚪⚪⚪
🧪 No relevant tests
🔒 No security concerns identified
⚡ Recommended focus areas for review Accessibility The added tab-like Skeletons for "All" and "Patina" appear as generic blocks without ARIA roles or descriptive placeholders; ensure the interactive pattern (tabs vs. buttons) is consistent with the actual UI and that focus order/labels are represented appropriately in skeleton state. <Box pos={"relative"} p={"xs"}> <Flex justify="center" mb="xl" gap="xxs"> <Skeleton visible flex={1} maw="180px" w="50%" height="36px" /> <Skeleton visible flex={1} maw="180px" w="50%" height="36px" /> </Flex> Consistency Dashboard skeleton adds two tab Skeletons and list rows; verify this matches the Notion requirement for "All & Patina tabs" and includes a "View All" button skeleton if that exists in the real component for consistency with other leaderboard skeletons. <Flex direction={"row"} justify={"space-between"} w={"100%"} mb="md"> <Skeleton w={"8rem"} h={"1.75rem"} /> <Skeleton w={"5.55rem"} h={"2.25rem"} /> </Flex> <Flex justify="center" mb="xl" gap="xxs"> <Skeleton visible width="50%" height="36px" /> <Skeleton visible width="50%" height="36px" /> </Flex> Performance Rendering 17 Paper rows with Skeletons can be heavy on low-end devices; consider memoizing the mapped list or using lightweight placeholders if perf issues arise on slow networks. {Array(17) .fill(0) .map((_, index) => ( <Paper key={index} mb="md" p="md" bg="rgba(255, 255, 255, 0.02)" radius={8} > <Group justify="space-between" align="center"> <Flex align="center" gap="md"> <Skeleton visible width="2rem" height="2rem" /> <Skeleton visible w="60%" maw={320} miw={120} height="3rem" /> </Flex> <Skeleton visible w="4rem" height="2rem" /> </Group> </Paper> ))}

az2924 · 2026-01-11T21:19:02Z

/deploy

github-actions · 2026-01-11T21:19:37Z

Staging deployment was cancelled for commit 476459d

View run

github-actions · 2026-01-11T21:19:49Z

The command to deploy to staging for the commit eeb07e9 has been triggered. View action run

github-actions · 2026-01-11T21:27:23Z

Staging deployment failed for commit eeb07e9

**

View run

github-actions · 2026-01-11T21:27:29Z

Overall Project	75.47%	🍏

There is no coverage information present for the Files changed

github-actions · 2026-01-11T21:44:12Z

Overall Project	75.73%	🍏

There is no coverage information present for the Files changed

github-actions · 2026-01-11T21:46:30Z

Staging deployment succeeded for commit eeb07e9

View run

github-actions · 2026-01-13T00:43:11Z

Commit Validation Failed

The following commits do not start with the required Notion ID 619:

600: Unified leaderboards logic into one component
600: Removed isHistorical from .page
600: Fixed copilot suggestions

Please rebase and update your commit messages.
All messages should be of the following format: 619: Example commit

github-actions · 2026-01-13T00:43:47Z

Commit Validation Failed

The following commits do not start with the required Notion ID 619:

600: Unified leaderboards logic into one component
600: Removed isHistorical from .page
600: Fixed copilot suggestions

Please rebase and update your commit messages.
All messages should be of the following format: 619: Example commit

github-actions · 2026-01-13T00:48:12Z

Overall Project	76.26%	🍏

There is no coverage information present for the Files changed

github-actions · 2026-01-13T00:54:43Z

Overall Project	75.73%	🍏

There is no coverage information present for the Files changed

github-actions · 2026-01-13T01:14:44Z

Overall Project	75.73%	🍏

There is no coverage information present for the Files changed

github-actions Bot reviewed Jan 11, 2026

View reviewed changes

Comment thread js/src/app/_component/skeletons/MiniLeaderboardMobileSkeleton.tsx Outdated

Comment thread js/src/app/leaderboard/_components/LeaderboardSkeleton.tsx

Comment thread js/src/app/user/[userId]/_components/UserProfile/UserProfileHeaderSkeleton.tsx

az2924 force-pushed the 619 branch from b5cad2d to ea74950 Compare January 11, 2026 04:07

az2924 force-pushed the 619 branch from ea74950 to a4837eb Compare January 11, 2026 07:53

az2924 force-pushed the 619 branch from 5f2efb3 to a5a994d Compare January 11, 2026 21:00

az2924 closed this Jan 11, 2026

az2924 force-pushed the 619 branch from 476459d to bc18d8d Compare January 11, 2026 21:08

az2924 deleted the 619 branch January 11, 2026 21:09

az2924 reopened this Jan 11, 2026

github-actions Bot reviewed Jan 11, 2026

View reviewed changes

Comment thread js/src/app/_component/skeletons/MiniLeaderboardMobileSkeleton.tsx

Comment thread js/src/app/leaderboard/_components/LeaderboardSkeleton.tsx Outdated

Comment thread js/src/app/user/[userId]/submissions/_components/UserSubmissions/UserSubmissionsSkeleton.tsx

az2924 force-pushed the 619 branch from eeb07e9 to 423b020 Compare January 11, 2026 21:39

tahminator previously approved these changes Jan 12, 2026

View reviewed changes

az2924 enabled auto-merge (rebase) January 12, 2026 15:10

az2924 dismissed tahminator’s stale review via f5507eb January 13, 2026 00:42

az2924 added 2 commits January 12, 2026 19:43

619: Updated skeletons to match current UI

cf04937

619: Resolved Co-Pilot comments

20b080e

az2924 force-pushed the 619 branch from f5507eb to cdd0bc6 Compare January 13, 2026 00:43

az2924 force-pushed the 619 branch from cdd0bc6 to 20b080e Compare January 13, 2026 00:49

tahminator approved these changes Jan 13, 2026

View reviewed changes

az2924 merged commit 1a6a56c into main Jan 13, 2026
12 checks passed

Uh oh!

Conversation

az2924 commented Jan 11, 2026 • edited by github-actions Bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

619

Description of changes

Checklist before review

Screenshots

Dev

Staging

Uh oh!

github-actions Bot commented Jan 11, 2026

Title

PR Type

Description

Diagram Walkthrough

File Walkthrough

Uh oh!

github-actions Bot commented Jan 11, 2026

PR Reviewer Guide 🔍

Uh oh!

Uh oh!

Uh oh!

Uh oh!

github-actions Bot commented Jan 11, 2026

Uh oh!

az2924 commented Jan 11, 2026

Uh oh!

github-actions Bot commented Jan 11, 2026

Uh oh!

github-actions Bot commented Jan 11, 2026

Uh oh!

github-actions Bot commented Jan 11, 2026

Uh oh!

github-actions Bot commented Jan 11, 2026

Uh oh!

github-actions Bot commented Jan 11, 2026

Uh oh!

az2924 commented Jan 11, 2026

Uh oh!

github-actions Bot commented Jan 11, 2026

Uh oh!

az2924 commented Jan 11, 2026

Uh oh!

github-actions Bot commented Jan 11, 2026

Uh oh!

github-actions Bot commented Jan 11, 2026

Uh oh!

github-actions Bot commented Jan 11, 2026

Title

PR Type

Description

Diagram Walkthrough

File Walkthrough

Uh oh!

github-actions Bot commented Jan 11, 2026

PR Reviewer Guide 🔍

Uh oh!

Uh oh!

Uh oh!

Uh oh!

az2924 commented Jan 11, 2026

Uh oh!

github-actions Bot commented Jan 11, 2026

Uh oh!

github-actions Bot commented Jan 11, 2026

Uh oh!

github-actions Bot commented Jan 11, 2026

Uh oh!

github-actions Bot commented Jan 11, 2026

Uh oh!

github-actions Bot commented Jan 11, 2026

Uh oh!

github-actions Bot commented Jan 11, 2026

Uh oh!

github-actions Bot commented Jan 13, 2026

Commit Validation Failed

Uh oh!

github-actions Bot commented Jan 13, 2026

Commit Validation Failed

az2924 commented Jan 11, 2026 •

edited by github-actions Bot

Loading