Scaffold out the UI for individual account page #461

Merged
zachgoll merged 6 commits from account-page into main 2024-02-15 02:02:11 +08:00
zachgoll commented 2024-02-15 00:21:13 +08:00 (Migrated from github.com)

CleanShot 2024-02-14 at 11 19 39

PR Notes

This PR is a rough sketch of the account page. Code is not optimized and will need to eventually be refactored and all data is placeholder.

  • Data model for AccountBalance (eventually will be loaded into the UI placeholders)
  • Account page UI layout (all interactivity disabled for now)
  • D3.js line chart with basic tooltip

Notes on D3 usage

  • For now, have imported the entire D3 library via bin/importmap pin d3
  • Pinned a local file, app/javascript/tailwindColors.js which mirrors our tailwind.config.js and allows us to use referenced styles directly in our controllers for style consistency.
    • Eventually, we should probably write a Rake task that reads tailwind.config.js and automatically generates this file so the two stay in sync
    • Used an @maybe namespace that can be used for future local JS files
![CleanShot 2024-02-14 at 11 19 39](https://github.com/maybe-finance/maybe/assets/16676157/3cdd5b52-569d-42dd-a4e6-163bb467a6ab) ## PR Notes This PR is a rough sketch of the account page. Code is not optimized and will need to eventually be refactored and all data is placeholder. - Data model for `AccountBalance` (eventually will be loaded into the UI placeholders) - Account page UI layout (all interactivity disabled for now) - D3.js line chart with basic tooltip ## Notes on D3 usage - For now, have imported the entire D3 library via `bin/importmap pin d3` - Pinned a local file, `app/javascript/tailwindColors.js` which mirrors our `tailwind.config.js` and allows us to use referenced styles directly in our controllers for style consistency. - Eventually, we should probably write a Rake task that reads `tailwind.config.js` and automatically generates this file so the two stay in sync - Used an `@maybe` namespace that can be used for future local JS files
Sign in to join this conversation.