Skip to content

Conversation

@shivamarorac95
Copy link
Contributor

@shivamarorac95 shivamarorac95 commented Nov 26, 2025

Overview

Added a new illustration : InnovationBuildingBlocks, that needs to be used in AI credits purchase success screen
Figma Link: https://www.figma.com/design/r2aNQ3rxnclFQC32Cup33a/Mat-Design-25.6?node-id=291-23077&m=dev

Illustration

PR Checklist

  • Related to designs:
  • Related to JIRA ticket: LIVE-195
  • I have run this code to verify it works
  • This PR includes unit tests for the code change
  • This PR includes testing instructions tests for the code change
  • The alpha package of this PR is passing end-to-end tests in all relevant Codecademy repositories

Testing Instructions

Don't make me tap the sign.

  1. Go to story path=/story/atoms-illustrations--all-illustrations&args=illustration:InnovationBuildingBlocks&globals=viewport:responsive
  2. View/ Filter InnovationBuildingBlocks
  3. Do that something in dark mode
  4. Check it with VO
  5. Finish and do a celebratory dance

PR Links and Envs

Repository PR Link
Monolith Monolith PR
Mono Mono PR

@CLAassistant
Copy link

CLAassistant commented Nov 26, 2025

CLA assistant check
All committers have signed the CLA.

@nx-cloud
Copy link

nx-cloud bot commented Nov 26, 2025

View your CI Pipeline Execution ↗ for commit f70380e


☁️ Nx Cloud last updated this comment at 2025-12-02 14:15:55 UTC

@shivamarorac95 shivamarorac95 changed the title feat(illustration):Added innovation building blocks illustration feat(Illustration): added new InnovationBuildingBlocks Nov 26, 2025
@shivamarorac95 shivamarorac95 marked this pull request as ready for review November 26, 2025 15:04
@shivamarorac95 shivamarorac95 requested a review from a team as a code owner November 26, 2025 15:04
Copy link
Contributor

@LinKCoding LinKCoding left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!
Tested in both light and dark mode, just in case and they both look good.

I did notice that the height (236) and width (300) in the SVG were slightly different from what the design has (height of 224 and width of 288).

Image

But that's not a blocker and this works for you and that's fine :)

@codecademydev
Copy link
Collaborator

📬 Published Alpha Packages:

@codecademy/[email protected]
@codecademy/[email protected]
@codecademy/[email protected]

@github-actions
Copy link
Contributor

github-actions bot commented Dec 2, 2025

@shivamarorac95 shivamarorac95 merged commit cee14e8 into main Dec 2, 2025
17 checks passed
@shivamarorac95 shivamarorac95 deleted the innovation-building-blocks branch December 2, 2025 14:19
@shivamarorac95 shivamarorac95 added the Ship It :shipit: Automerge this PR when possible label Dec 2, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Ship It :shipit: Automerge this PR when possible

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants