Feat/doi

[mluena]

This pull request introduces several UI/UX improvements and code quality enhancements across the application, focusing on better accessibility, user feedback, and maintainability. The most significant updates include improved button and menu styling, enhanced display and linking of DOI/use case information, and more robust handling of edge cases in map and geostory components.

UI/UX Improvements:

• Updated button styles in Button and related components for a more consistent and modern look, with improved hover and active states (src/components/ui/button.tsx).
• Enhanced the appearance and accessibility of mobile drawer triggers and icons in geostories and live updates (src/app/(landing)/geostories-mobile.tsx, src/app/(landing)/live-updates-mobile.tsx) [1] [2] [3].
• Improved main menu popover alignment and offset for better desktop navigation (src/components/main-menu/desktop.tsx).
• Refined legend and map tooltip UI for better alignment, spacing, and responsiveness (src/components/map/legend/index.tsx, src/components/map/tooltip/index.tsx) [1] [2] [3].

Geostory and DOI Handling:

• Refactored DOI badge to be a clickable link and improved its appearance; now displays all use cases with links and badges in geostory dialogs (src/components/doi-badge/index.tsx, src/components/globe/geostory-dialog.tsx) [1] [2] [3] [4].
• Improved geostories list to provide user feedback when no results are found (src/containers/globe/geostories/geostories-list/index.tsx).

Map and Data Handling:

• Changed default WMS coordinate reference system to EPSG:3857 for improved compatibility (src/components/map/constants.ts).
• Improved tooltip and data handling in map components for better null safety and user interaction, including updates to tooltip info and histogram scrolling (src/components/map/index.tsx, src/components/map/tooltip/index.tsx) [1] [2].

Social Media and Live Updates:

• Improved carousel and post layouts for social media/live updates, including better handling of empty states and visual tweaks (src/containers/globe/social-media/desktop/carousel.tsx, src/containers/globe/social-media/post.tsx, src/containers/live-updates/social-media.tsx) [1] [2] [3] [4] [5] [6].

Code Quality and Maintenance:

• Removed unused variables and improved dependency arrays in React hooks for better performance and maintainability (src/components/geostories/page/index.tsx, src/components/map/layers/index.tsx, src/components/geostories/content/index.tsx) [1] [2] [3].

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
oemc	Ready	Preview	Mar 25, 2026 5:21pm