feat(fe): make Table for leaderboard #3343

Clover229 · 2026-01-06T10:57:16Z

Description

API 연결완료했습니다
contest 6 확인해주시면 감사하겠습니다!
제출이 n번 있으면 리더보드가 하나의 제출마다 n번 바뀝니다. 그래서 순위변동이 일어나는 것처럼 보여요!
wrong, accepted, 제출 기록 등이 잘 나오는지 확인부탁드립니다.
세번째 박스는 저번 회의시간에 말씀드린대로 문제별 총 맞힌 사람 수의 합/ 문제별 총 시도한 사람의 합 해서 나온 결과이고, '참가자가 어느 한 문제를 시도했을 때, 평균적으로 맞힐 확률'이 됩니다. 이 수치가 잘 와닿을지 몰라서, 다음주 QA 시간에 한 번 이야기 나누어보아야할 것 같습니다.

Additional context

closes tas-2335

Before submitting the PR, please make sure you do the following

Read the Contributing Guidelines
Read the Contributing Guidelines and follow the Commit Convention
Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123).
Ideally, include relevant tests that fail without this PR but pass with it.

…9-make-framework-forContestStatistics

…5-make-RealTime-LeaderBoard

skkuding-bot · 2026-01-06T11:03:24Z

✅ Syncing Preview App Succeeded

Application: frontend
Revision: 545328b7d16260f2b82868736a847a889c2ced2e
Health Status: Healthy

Open Preview | View in Argo CD

...tend/app/(client)/(main)/contest/[contestId]/@tabs/statistics/_components/StatisticsPage.tsx

sONg20NOW · 2026-01-19T09:53:22Z

...app/(client)/(main)/contest/[contestId]/@tabs/statistics/_components/RealtimeLeaderBoard.tsx

+    setCurrentSubmissionIndex(0)
+  }
+
+  const handleRankChange = () => {}


이 함수는 추후에 백엔드 API 적용 시 사용되는 함수인가요?

앗 네 제가 샘플로 보던 코드는 가지고 있길래 혹시 몰라 넣어놨습니다...api 연결하고나서 필요 없으면 삭제할게요!

...app/(client)/(main)/contest/[contestId]/@tabs/statistics/_components/RealtimeLeaderBoard.tsx

...main)/contest/[contestId]/@tabs/statistics/_components/_leaderboardcomponents/TimeSlider.tsx

skkuding-bot · 2026-01-20T04:21:00Z

✅ Syncing Preview App Succeeded

Application: frontend
Revision: c2a0ef526f38e4e8b7c03c38725871f0bde24cf3
Health Status: Healthy

Open Preview | View in Argo CD

skkuding-bot · 2026-01-20T06:04:28Z

✅ Syncing Preview App Succeeded

Application: frontend
Revision: c7d04911d57d35b96b69fcfa68971e62a3e0e510
Health Status: Healthy

Open Preview | View in Argo CD

sONg20NOW

LGTM! 애니메이션 너무 이쁘게 잘 구현하신 것 같아요! 고생하셨습니다~ 💯

…5-make-RealTime-LeaderBoard

skkuding-bot · 2026-01-31T08:09:34Z

✅ Syncing Preview App Succeeded

Application: frontend
Revision: 30f3d8c2fd9d46365bd33cc5b14980930af57d12
Health Status: Healthy

Open Preview | View in Argo CD

ojongii

문제 수가 많아질 경우 우측 끝까지 당길 수 있도록 되어 있지 않은 것 같아서 다시 한번 확인 부탁드립니다!

skkuding-bot · 2026-02-03T05:56:42Z

✅ Syncing Preview App Succeeded

Application: frontend
Revision: 0efd3b7de1def88e93022d2f8d76c6ba7abec75c
Health Status: Healthy

Open Preview | View in Argo CD

Clover229 added 21 commits December 8, 2025 18:37

chore(fe): add flowkit color to tailwind.config.ts

ac78ed1

fix(fe): modify tabs design according to figma component

d774f59

feat(fe): use tab on statistics

fb1c233

feat(fe): add switch for leaderboard

837fbe0

Merge branch 'main' of https://github.com/skkuding/codedang into t232…

85dd46b

…9-make-framework-forContestStatistics

Merge branch 'main' of https://github.com/skkuding/codedang into t232…

1f7ecaa

…9-make-framework-forContestStatistics

Merge branch 'main' of https://github.com/skkuding/codedang into t232…

e1018f0

…9-make-framework-forContestStatistics

feat(fe): make calculate func for LeaderBoard

dc96f7b

feat(fe): make and try to use mockData

93ac3ae

feat(fe): make func in RealtimeLeaderBoardPage

26ba695

feat(fe): make timeSlider

a3d6660

feat(fe): make leaderboard columns

6b0e541

feat(fe): make Table for leaderboard

b9d333a

feat(fe): use shadcn table for leaderboard

301ab65

chore(fe): make leaderboard using grid

8263834

chore(fe): use medal icon for 1,2,3

8d42dfd

feat(fe): use convertoletter for problem order

5ee4c8b

feat(fe): use framer motion for switched ranks

040325f

Merge branch 'main' of https://github.com/skkuding/codedang into t233…

2de3dce

…5-make-RealTime-LeaderBoard

feat(fe): apply review

67f010c

Merge branch 'main' of https://github.com/skkuding/codedang into t233…

545328b

…5-make-RealTime-LeaderBoard

Clover229 requested review from jimin9038, ojongii and sONg20NOW January 6, 2026 10:57

Clover229 self-assigned this Jan 6, 2026

Clover229 added ⛳️ team-frontend 🍊squad-유자차 스쿼드 유자차 작업물입니다 labels Jan 6, 2026

Clover229 added this to Codedang Jan 6, 2026

github-project-automation bot moved this to Pending ✋ in Codedang Jan 6, 2026

sONg20NOW reviewed Jan 18, 2026

View reviewed changes

...tend/app/(client)/(main)/contest/[contestId]/@tabs/statistics/_components/StatisticsPage.tsx Outdated Show resolved Hide resolved

sONg20NOW reviewed Jan 19, 2026

View reviewed changes

...app/(client)/(main)/contest/[contestId]/@tabs/statistics/_components/RealtimeLeaderBoard.tsx Show resolved Hide resolved

sONg20NOW reviewed Jan 19, 2026

View reviewed changes

...main)/contest/[contestId]/@tabs/statistics/_components/_leaderboardcomponents/TimeSlider.tsx Show resolved Hide resolved

Merge branch 'main' into t2335-make-RealTime-LeaderBoard

c2a0ef5

feat(fe): let them accepted even if submission is wrong after accepted

c7d0491

sONg20NOW approved these changes Jan 20, 2026

View reviewed changes

github-project-automation bot moved this from Pending ✋ to Approved 👌 in Codedang Jan 20, 2026

Clover229 added 8 commits January 24, 2026 12:31

Merge branch 'main' of https://github.com/skkuding/codedang into t233…

6538cae

…5-make-RealTime-LeaderBoard

feat(fe): use suspense for getting data of leaderboard

4dd6096

feat(fe): use API & discard Mockdata

a1d5ae0

feat(fe): make calculate function for averageAccuracy

1ae9a68

Merge branch 'main' of https://github.com/skkuding/codedang into t233…

ad2d094

…5-make-RealTime-LeaderBoard

chore(fe): delete unecessary things

a9cbc9b

Merge branch 'main' of https://github.com/skkuding/codedang into t233…

906275b

…5-make-RealTime-LeaderBoard

chore(fe): modify designs

30f3d8c

ojongii reviewed Feb 2, 2026

View reviewed changes

Merge branch 'main' into t2335-make-RealTime-LeaderBoard

0efd3b7

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat(fe): make Table for leaderboard #3343

feat(fe): make Table for leaderboard #3343

Clover229 commented Jan 6, 2026 •

edited

Loading

Uh oh!

skkuding-bot bot commented Jan 6, 2026

Uh oh!

Uh oh!

sONg20NOW Jan 19, 2026

Uh oh!

Clover229 Jan 20, 2026

Uh oh!

Uh oh!

Uh oh!

skkuding-bot bot commented Jan 20, 2026

Uh oh!

skkuding-bot bot commented Jan 20, 2026

Uh oh!

sONg20NOW left a comment

Uh oh!

skkuding-bot bot commented Jan 31, 2026

Uh oh!

ojongii left a comment

Uh oh!

skkuding-bot bot commented Feb 3, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

feat(fe): make Table for leaderboard #3343

Are you sure you want to change the base?

feat(fe): make Table for leaderboard #3343

Conversation

Clover229 commented Jan 6, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Description

Additional context

Before submitting the PR, please make sure you do the following

Uh oh!

skkuding-bot bot commented Jan 6, 2026

Uh oh!

Uh oh!

sONg20NOW Jan 19, 2026

Choose a reason for hiding this comment

Uh oh!

Clover229 Jan 20, 2026

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

skkuding-bot bot commented Jan 20, 2026

Uh oh!

skkuding-bot bot commented Jan 20, 2026

Uh oh!

sONg20NOW left a comment

Choose a reason for hiding this comment

Uh oh!

skkuding-bot bot commented Jan 31, 2026

Uh oh!

ojongii left a comment

Choose a reason for hiding this comment

Uh oh!

skkuding-bot bot commented Feb 3, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

Clover229 commented Jan 6, 2026 •

edited

Loading