Skip to content

Reorganize our demo assets for DSRN #562

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

Open
8 tasks
georgewrmarshall opened this issue Apr 17, 2025 · 0 comments
Open
8 tasks

Reorganize our demo assets for DSRN #562

georgewrmarshall opened this issue Apr 17, 2025 · 0 comments
Assignees

Comments

@georgewrmarshall
Copy link
Contributor

Description

We need to reorganize our demo assets in the design system to better reflect real-world usage and improve maintainability. This involves two main changes:

  1. Moving demo image assets from the component library packages to Storybook applications
  2. Replacing Web2 example favicons with Web3 dApp examples that better represent MetaMask's ecosystem

This reorganization will reduce library bloat, prevent potential conflicts, and provide more relevant examples for developers.

Technical Details

Asset Relocation:

  • Move all demo images from component library packages to apps/storybook-react/images/
  • Update all .stories.tsx files to reference new asset locations
  • Ensure proper static asset configuration in Storybook

Web3 Asset Updates:

  • Replace existing Web2 favicon examples (Google, Slack, Zoom) with Web3 dApp icons:
    • Uniswap
    • OpenSea
    • Aave
    • ENS
    • 1inch
  • Organize assets into clear categories:
    • /images/favicons/ - dApp favicons
    • /images/network-icons/ - blockchain networks
    • /images/token-icons/ - cryptocurrency tokens

Acceptance Criteria

  • All demo assets are moved from component library packages to Storybook applications
  • No image assets remain in the component library packages
  • All .stories.tsx files are updated to reference new asset locations
  • Storybook configuration is updated to properly serve static assets
  • Web2 favicon examples are replaced with Web3 dApp examples
  • All components using these assets (AvatarFavicon, AvatarNetwork, etc.) work correctly in Storybook
  • Documentation is updated to reflect new asset locations and usage
  • Bundle size of component library is reduced due to removal of demo assets

References

@georgewrmarshall georgewrmarshall changed the title Copy of Reorganize our demo assets for DSR Reorganize our demo assets for DSRN Apr 17, 2025
@georgewrmarshall georgewrmarshall self-assigned this Apr 17, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant