683: Rounded corners for leaderboard embed #703

naanci · 2026-01-28T00:29:02Z

683 Description of changes

Added rounded corner (card) for leaderboard embed just like the ones POTD has

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

Staging

naanci · 2026-01-28T00:29:19Z

/deploy

github-actions · 2026-01-28T00:29:26Z

Available PR Commands

/ai - Triggers all AI review commands at once
/review - AI review of the PR changes
/describe - AI-powered description of the PR
/improve - AI-powered suggestions
/deploy - Deploy to staging

See: https://github.com/tahminator/codebloom/wiki/CI-Commands

github-actions · 2026-01-28T00:30:06Z

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

github-actions · 2026-01-28T00:30:13Z

Title

683: Rounded corners for leaderboard embed

PR Type

Enhancement

Description

Wrap leaderboard embed in Card
Add border, padding, medium radius
Maintain full-width flexible column layout

Diagram Walkthrough

flowchart LR
  OrgEmbed["OrgEmbedView.tsx"]
  CardWrap["Wrap content in Card"]
  Styles["Border, padding, radius, flex column"]

  OrgEmbed -- "update JSX and imports" --> CardWrap
  CardWrap -- "apply visual styles" --> Styles

File Walkthrough

Relevant files

Enhancement

OrgEmbedView.tsx `Wrap embed content in styled Card` js/src/app/embed/leaderboard/_components/OrgEmbedView.tsx Import `Card` from UI library. Wrap returned content with instead of fragment. Apply `withBorder`, `radius="md"`, `p="md"`, `w="100%"`, flex column styles. Replace closing fragment with .	+12/-2

github-actions · 2026-01-28T00:30:20Z

PR Reviewer Guide 🔍

Here are some key observations to aid the review process:

⏱️ Estimated effort to review: 1 🔵⚪⚪⚪⚪
🧪 No relevant tests
🔒 No security concerns identified
⚡ Recommended focus areas for review Layout Regression Wrapping the previous fragment in a Card changes layout and background/border; verify this matches the Notion acceptance criteria and other embeds (POTD) styling, including padding, border radius, and responsiveness across themes. <Card withBorder radius="md" p="md" w="100%" display="flex" style={{ flexDirection: "column", }} > Theming Consistency Ensure the Card respects existing theme tokens (dark/light modes) and does not clash with surrounding container backgrounds in embed contexts; confirm contrast and border visibility. <Card withBorder radius="md" p="md" w="100%" display="flex" style={{ flexDirection: "column", }} >

js/src/app/embed/leaderboard/_components/OrgEmbedView.tsx

github-actions · 2026-01-28T00:40:35Z

Staging deployment succeeded for commit cbce074

View run

naanci · 2026-01-28T00:47:18Z

/deploy

github-actions · 2026-01-28T00:47:38Z

Commit Validation Failed

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

684: removed excess padding thats no longer needed

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

github-actions · 2026-01-28T00:48:04Z

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

github-actions · 2026-01-28T00:59:10Z

Staging deployment succeeded for commit ace0b9c

View run

naanci · 2026-01-28T01:08:01Z

/deploy

github-actions · 2026-01-28T01:08:49Z

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

github-actions · 2026-01-28T01:18:17Z

Staging deployment succeeded for commit 8bf399f

View run

tahminator · 2026-01-28T06:09:56Z

/deploy

github-actions · 2026-01-28T06:10:37Z

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

tahminator · 2026-01-28T06:12:52Z

/copy

tahminator · 2026-01-28T06:16:33Z

/copy

github-actions · 2026-01-28T06:18:41Z

Database copy command failed!

tahminator · 2026-01-28T06:21:39Z

/copy

github-actions · 2026-01-28T06:21:42Z

Staging deployment succeeded for commit b32d075

View run

github-actions · 2026-01-28T06:23:50Z

Database copy command failed!

tahminator · 2026-01-28T06:26:30Z

/copy

github-actions · 2026-01-28T06:28:17Z

Database copy command completed successfully!

naanci · 2026-01-31T00:59:55Z

/deploy

github-actions · 2026-01-31T01:00:37Z

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

github-actions · 2026-01-31T01:10:22Z

Staging deployment succeeded for commit 1422321

View run

naanci · 2026-02-01T07:41:13Z

/deploy

github-actions · 2026-02-01T07:41:27Z

Commit Validation Failed

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

change to using flex

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

github-actions · 2026-02-01T07:42:00Z

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

github-actions · 2026-02-01T07:51:25Z

Staging deployment succeeded for commit b49b4fb

View run

codecov · 2026-02-01T07:52:31Z

Codecov Report

✅ All modified and coverable lines are covered by tests.

📢 Thoughts on this report? Let us know!

naanci changed the title ~~Rounded corners for leaderboard embed~~ 683: Rounded corners for leaderboard embed Jan 28, 2026

github-actions bot reviewed Jan 28, 2026

View reviewed changes

js/src/app/embed/leaderboard/_components/OrgEmbedView.tsx Outdated Show resolved Hide resolved

js/src/app/embed/leaderboard/_components/OrgEmbedView.tsx Outdated Show resolved Hide resolved

naanci force-pushed the 683 branch from ace0b9c to 8bf399f Compare January 28, 2026 00:49

tahminator force-pushed the 683 branch from 8bf399f to b32d075 Compare January 28, 2026 06:09

naanci added 2 commits January 28, 2026 01:26

683: added rounded corners for embeded leaderboard

dee2091

683: removed excess padding thats no longer needed

277355c

tahminator force-pushed the 683 branch from b32d075 to 277355c Compare January 28, 2026 06:26

683: adjusted box-card for cleaner UI

1422321

683: change to using flex

e41dd0c

naanci force-pushed the 683 branch from b49b4fb to e41dd0c Compare February 1, 2026 07:45

tahminator approved these changes Feb 1, 2026

View reviewed changes

683: Rounded corners for leaderboard embed #703

Are you sure you want to change the base?

683: Rounded corners for leaderboard embed #703

Conversation

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

Uh oh!

683

Description of changes

Checklist before review

Screenshots

Dev

Staging

Uh oh!

naanci commented Jan 28, 2026

Uh oh!

github-actions bot commented Jan 28, 2026

Available PR Commands

Uh oh!

github-actions bot commented Jan 28, 2026

Uh oh!

github-actions bot commented Jan 28, 2026

Title

PR Type

Description

Diagram Walkthrough

File Walkthrough

Uh oh!

github-actions bot commented Jan 28, 2026

PR Reviewer Guide 🔍

Uh oh!

Uh oh!

Uh oh!

github-actions bot commented Jan 28, 2026

Uh oh!

naanci commented Jan 28, 2026

Uh oh!

github-actions bot commented Jan 28, 2026

Commit Validation Failed

Uh oh!

github-actions bot commented Jan 28, 2026

Uh oh!

github-actions bot commented Jan 28, 2026

Uh oh!

naanci commented Jan 28, 2026

Uh oh!

github-actions bot commented Jan 28, 2026

Uh oh!

github-actions bot commented Jan 28, 2026

Uh oh!

tahminator commented Jan 28, 2026

Uh oh!

github-actions bot commented Jan 28, 2026

Uh oh!

tahminator commented Jan 28, 2026

Uh oh!

tahminator commented Jan 28, 2026

Uh oh!

github-actions bot commented Jan 28, 2026

Uh oh!

tahminator commented Jan 28, 2026

Uh oh!

github-actions bot commented Jan 28, 2026

Uh oh!

github-actions bot commented Jan 28, 2026

Uh oh!

tahminator commented Jan 28, 2026

Uh oh!

github-actions bot commented Jan 28, 2026

Uh oh!

naanci commented Jan 31, 2026

Uh oh!

github-actions bot commented Jan 31, 2026

Uh oh!

github-actions bot commented Jan 31, 2026

Uh oh!

naanci commented Feb 1, 2026

Uh oh!

github-actions bot commented Feb 1, 2026

Commit Validation Failed

Uh oh!

naanci commented Jan 28, 2026 •

edited

Loading