Conversation
…and ThemeToggle components
5 tasks
There was a problem hiding this comment.
Pull request overview
This PR implements a comprehensive site layout structure with a responsive global Header and Footer, replacing the previous placeholder homepage. The Header features desktop dropdown navigation and a mobile slide-out menu, while the landing page now displays dynamic content fetched from the database including real-time statistics and recent publications.
Changes:
- Implemented responsive Header and Footer components with mobile-friendly navigation
- Redesigned landing page with server-side database queries for dynamic stats and recent publications
- Added Radix UI components (Sheet, NavigationMenu) for enhanced UI interactions
- Improved ThemeToggle hydration handling and added institutional branding color (msc-red)
Reviewed changes
Copilot reviewed 12 out of 13 changed files in this pull request and generated 14 comments.
Show a summary per file
| File | Description |
|---|---|
| tailwind.config.ts | Adds msc-red color configuration for institutional branding |
| src/app/globals.css | Defines CSS variables for msc-red in light and dark modes |
| src/components/ui/sheet.tsx | New mobile drawer component wrapping Radix UI Dialog |
| src/components/ui/navigation-menu.tsx | New navigation menu component (currently unused) |
| src/components/layout/theme-toggle.tsx | Improves hydration handling by conditionally rendering icon |
| src/components/layout/header.tsx | Implements responsive header with desktop dropdowns and mobile sheet menu |
| src/components/layout/footer.tsx | Implements footer with contact info and institutional links |
| src/components/layout/index.ts | Exports layout components for easier imports |
| src/app/(public)/layout.tsx | Creates public pages layout wrapper with Header and Footer |
| src/app/(public)/page.tsx | Redesigned landing page with database-driven content |
| package.json | Adds @radix-ui/react-dialog and @radix-ui/react-navigation-menu dependencies |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
TKanX
force-pushed
the
feature/7-implement-global-layout-components-header-footer
branch
from
2a5545d to
35f6e96
Compare
…on pathname change
TKanX
deleted the
feature/7-implement-global-layout-components-header-footer
branch
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary:
Implemented the core site layout structure, introducing a responsive global Header and Footer. The Header features a sophisticated navigation system with desktop dropdowns and a mobile-friendly slide-out menu (Sheet). The landing page has been redesigned to showcase dynamic content fetched directly from the database, replacing the previous placeholder.
Changes:
Implemented Global Header (
src/components/layout/header.tsx):NavDropdown) for nested menu items.Sheetcomponent to provide a slide-out drawer menu for smaller screens, featuring expandable sub-menus.Implemented Global Footer (
src/components/layout/footer.tsx):siteConfig.Redesigned Landing Page (
src/app/(public)/page.tsx):PublicLayoutinsrc/app/(public)/layout.tsxto wrap public pages with the new Header and Footer.Enhanced UI Components:
src/components/ui/navigation-menu.tsx(wrapping Radix UI) for accessible dropdown interactions.src/components/ui/sheet.tsxfor the mobile menu drawer.ThemeTogglecomponent to handle hydration states more gracefully, preventing icon flicker.Style Updates:
msc-redtotailwind.config.tsandglobals.cssto align with institutional branding.