Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[DO NOT MERGE] [PREVIEW] Change veda-ui to point to "1393-card-component-refactor-spike" #709

Open
wants to merge 5 commits into
base: develop
Choose a base branch
from

Conversation

sandrahoang686
Copy link
Collaborator

Why are you creating this Pull Request?

Copy link

netlify bot commented Jan 27, 2025

Deploy Preview for ghg-demo ready!

Name Link
🔨 Latest commit 483ad45
🔍 Latest deploy log https://app.netlify.com/sites/ghg-demo/deploys/6797fbfaa1a96e0008782c7d
😎 Deploy Preview https://deploy-preview-709--ghg-demo.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

sandrahoang686 added a commit to NASA-IMPACT/veda-ui that referenced this pull request Feb 3, 2025
…le (#1407)

**Related Ticket:** #1393

### Description of Changes

_**NOTE:** Changes are backwards compatible_

These changes are meant to break out the current different cards types
into their own explicit components/files. This way we could easily scale
to add new cards types that have been introduced for the template
instance. This lays the foundation and pattern in the code base so we
can have an easier jump start when implementing the new USWDS card
types. The controller file is kept (index.tsx) because this is how
legacy code uses the current card component but we can continue to use
this controller file for the new architecture orrr instances could just
explicitly import the card type they want to use.

These current cards types will be obsolete for the template instance as
we move towards USWDS but because they are broken out in this PR, it
will be easy to add the new cards types and remove deprecated ones
later.

I'm thinking ideally when we add the new CardTypes that use USWDS and
Sass instead of styled components, we should structure the file
directories like so...
```
- card
   - classic
      - index.tsx
      - styles.scss
   - cover
      - index.tsx
      - styles.scss
   index.tsx
```
I didn't organize it like this in this PR because there was no need
since currently we are still using styled components.

### Notes & Questions About Changes
**GHG PREVIEW**
US-GHG-Center/veda-config-ghg#709
**EIC PREVIEW** NASA-IMPACT/veda-config-eic#164

### Validation / Testing
**Changes should be backwards compatible**
- [ ] Validate that all cards work and look as expected in veda-ui
deploy preview
- [ ] Validate that all cards work and look as expected in GHG preview
linked above
- [ ] Validate that all cards work and look as expected in EIC preview
linked above
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant