⚡develop/layout

[melMass]

preview url

✅ Are the tasks already solved in this PR
🚧 Are the tasks in progress that will get done by early January.

---

• ✅ Reworked the Header logic, I still have to move things around, but it made the migration of the PR too complex, I will push these next week.

• ✅ Created a dedicated DropDownButton and DropDownMenu component, used by the new events menu and filters menu.

• ✅ Masonry & Single view mode switches

• ✅ Reworked the menu logic and separated it to be reusable in the footer

• 🚧 OBJKT History, @xat added the "transfer" transaction type but we need an icon for it.

• 🚧 Zen Mode: The logic is there, it just need to be hooked (context + localStorage I think, like the feed view mode)

• 🚧 New Footer, it should be inlined on pages with finite scroll (profiles, config, faq etc..) and based on scroll for the infinite feeds?

• Homogenise the codebase and split components logic;

  • ✅ Removed a bunch of non needed nesting and classes.
  • 🚧Use container queries where it makes sense
  • ✅ Separate Components and Atoms (atom < component < page)

ℹ️ - The fonts are the right ones (named the same as in Figma) but don't look the same, I will check later with @denscimonk

---

Out of grant

• 🚧 Created a Hook to manage localStorage settings, only the view mode is used for now. It would be nice to also have a separated key for the "profile" feeds and the other feeds too.
• 🚧 Advanced filters: only the atomic UI is implemented, the whole logic will be the most important task of January imo.