feat: NTP Next Steps Cards FE

[vkraucunas]

[Sub-project] Frontend - New Tab Page Next Step Cards:Link to Asana Task/Github Issue

Description

• Adding the NextSteps cards to the New Tab Page

Testing Steps

Checklist

Please tick all that apply:

• I have tested this change locally
• I have tested this change locally in all supported browsers
• This change will be visible to users
• I have added automated tests that cover this change
• I have ensured the change is gated by config
• This change was covered by a ship review
• This change was covered by a tech design
• Any dependent config has been merged

[netlify]

✅ Deploy Preview for content-scope-scripts ready!

Name	Link
🔨 Latest commit	ff36ab7
🔍 Latest deploy log	https://app.netlify.com/sites/content-scope-scripts/deploys/6734dcf0334431000861eea1
😎 Deploy Preview	https://deploy-preview-1199--content-scope-scripts.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

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

[github-actions]

Temporary Branch Update

The temporary branch has been updated with the latest changes. Below are the details:

• Branch Name: pr-releases/pr-1199
• Commit Hash: 67917959811caced68353e235cef9076043fb44b
• Install Command: npm i github:duckduckgo/content-scope-scripts#67917959811caced68353e235cef9076043fb44b

Please use the above install command to update to the latest version.

[github-actions]

[Beta] Generated file diff

Time updated: Wed, 13 Nov 2024 17:09:03 GMT

Integration

    - integration/pages/new-tab/js/index.css

• integration/pages/new-tab/js/index.js
• integration/pages/new-tab/js/mock-transport.js
• integration/pages/new-tab/locales/en/newtab.json

File has changed

Windows

    - windows/pages/new-tab/js/index.css

• windows/pages/new-tab/js/index.js
• windows/pages/new-tab/js/mock-transport.js
• windows/pages/new-tab/locales/en/newtab.json

File has changed

Apple

    - dist/pages/new-tab/js/index.css

• dist/pages/new-tab/js/index.js
• dist/pages/new-tab/js/mock-transport.js
• dist/pages/new-tab/locales/en/newtab.json

File has changed

New Files

    - integration/pages/new-tab/icons/Bring-Stuff-128.svg

• integration/pages/new-tab/icons/Cookie-Pops-128.svg
• integration/pages/new-tab/icons/Default-App-128.svg
• integration/pages/new-tab/icons/Dock-Add-Mac-128.svg
• integration/pages/new-tab/icons/Dock-Add-Windows-128.svg
• integration/pages/new-tab/icons/Email-Protection-128.svg
• integration/pages/new-tab/icons/Tube-Clean-128.svg
• windows/pages/new-tab/icons/Bring-Stuff-128.svg
• windows/pages/new-tab/icons/Cookie-Pops-128.svg
• windows/pages/new-tab/icons/Default-App-128.svg
• windows/pages/new-tab/icons/Dock-Add-Mac-128.svg
• windows/pages/new-tab/icons/Dock-Add-Windows-128.svg
• windows/pages/new-tab/icons/Email-Protection-128.svg
• windows/pages/new-tab/icons/Tube-Clean-128.svg
• dist/pages/new-tab/icons/Bring-Stuff-128.svg
• dist/pages/new-tab/icons/Cookie-Pops-128.svg
• dist/pages/new-tab/icons/Default-App-128.svg
• dist/pages/new-tab/icons/Dock-Add-Mac-128.svg
• dist/pages/new-tab/icons/Dock-Add-Windows-128.svg
• dist/pages/new-tab/icons/Email-Protection-128.svg
• dist/pages/new-tab/icons/Tube-Clean-128.svg

❌ File only exists in new changeset

[shakyShane]

• adding the data layer for next steps cards #1206
• feat: NTP Next Steps Cards FE #1199 👈
• main

This stack of pull requests is managed by Graphite. Learn more about stacking.

Join @vkraucunas and the rest of your teammates on Graphite

[shakyShane]

Thanks! just a couple of small things to look at - also I think there's an empty file to remove (the MockProvider?)