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

Connect MDX components, add additional stories & datasets, update homepage, and add assets #34

Open
wants to merge 10 commits into
base: main
Choose a base branch
from

Conversation

sandrahoang686
Copy link
Contributor

@sandrahoang686 sandrahoang686 commented Jan 7, 2025

Available PR templates

Related Issues:

Related PR: NASA-IMPACT/veda-ui#1358

This work is an extension off of @aboydnw original PR that adds content.

Changes:

  • Use and connect more exposed MDX Components from veda-ui
  • Adding 2 stories, 3 datasets, and supporting files

Related PRs:
#34

Copy link

netlify bot commented Jan 7, 2025

Deploy Preview for veda-ui-next-test ready!

Name Link
🔨 Latest commit
🔍 Latest deploy log https://app.netlify.com/sites/veda-ui-next-test/deploys/677d29abd4c6ddae0d75c950
😎 Deploy Preview https://deploy-preview-34--veda-ui-next-test.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 sandrahoang686 mentioned this pull request Jan 7, 2025
@sandrahoang686 sandrahoang686 changed the title Add Additional Stories & Datasets for MVP, update page content, and add assets Connect MDX comonenAdd Additional Stories & Datasets for MVP, update page content, add assets, and connect MDX components Jan 7, 2025
@sandrahoang686
Copy link
Contributor Author

sandrahoang686 commented Jan 7, 2025

@aboydnw closed the original PR in favor of this one and left a comment on the closed PR on why. But re-iterating here that I did this because to debug the various bugs, I had to add content 1 by 1 and fix each issue as I went so this was easiest for me. If you can confirm that i've added all the content you had originally in the old PR and validate the preview, thanks!

Note: ScrollytellingBlock in airquality story styling needs to be fixed but I've added that as part of NASA-IMPACT/veda-ui#1282 to get this out and not add more on top but lmk if you'd like otherwise.

@sandrahoang686 sandrahoang686 marked this pull request as ready for review January 7, 2025 13:23
@sandrahoang686 sandrahoang686 changed the title Connect MDX comonenAdd Additional Stories & Datasets for MVP, update page content, add assets, and connect MDX components Connect MDX components, add Additional Stories & Datasets, update homepage, and add assets Jan 7, 2025
@sandrahoang686 sandrahoang686 changed the title Connect MDX components, add Additional Stories & Datasets, update homepage, and add assets Connect MDX components, add additional stories & datasets, update homepage, and add assets Jan 7, 2025
export function EnhancedScrollyTellingBlock(props) {
const { datasets } = useDataStore();
const transformed = {};
datasets?.map((dataset) => {
Copy link
Contributor

@hanbyul-here hanbyul-here Jan 8, 2025

Choose a reason for hiding this comment

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

👋 Considering Mapblock and Scrollytelling expects the same type of the dataset as a prop, (My PR here might be helpful: NASA-IMPACT/veda-ui#1361) but we have to pass different shape of the data to each block, I think something is wrong. Would you be able to investigate what is going on? (Or am I missing anything?)

Copy link
Contributor Author

@sandrahoang686 sandrahoang686 Jan 8, 2025

Choose a reason for hiding this comment

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

I reviewed your PR and left a comment but made some changes to get it merged in. We are missing something because the same data structure breaks which is why I had to do these unfavorable different transformations but I could investigate further. I didn't want to change much in veda-ui related to this but if its small enough, could be done.

Copy link
Member

@aboydnw aboydnw left a comment

Choose a reason for hiding this comment

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

I added a few tweaks to this ticket so we don't lose track of them, but I think we can address them later

Only thing I am seeing with this PR is that only the first frame of the scrollytelling block is loading for me in the air quality story. The content and frames seem to all be there, but the only frame that loads anything in the map (basemap or layer) is the first one.

@sandrahoang686
Copy link
Contributor Author

sandrahoang686 commented Jan 8, 2025

I added a few tweaks to this ticket so we don't lose track of them, but I think we can address them later

Only thing I am seeing with this PR is that only the first frame of the scrollytelling block is loading for me in the air quality story. The content and frames seem to all be there, but the only frame that loads anything in the map (basemap or layer) is the first one.

@aboydnw i addressed that here but if thats a blocker and want it shipped with this PR, lmk 👍🏼

@aboydnw
Copy link
Member

aboydnw commented Jan 8, 2025

Connected with Sandra in slack and she let me know the issue I spotted is what was meant by scrollytelling styling in her original comment, and will be addressed with NASA-IMPACT/veda-ui#1282

I adjusted the language there to be more specific and we can address that later

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.

3 participants