Actions
dev #3538
open[FE] Navbar and Footer
Added by Nazmul Hossain Shovon 6 months ago. Updated 5 months ago.
Start date:
10/31/2025
Due date:
% Done:
100%
Estimated time:
10:00 h (Total: 20:00 h)
Spent time:
15:00 h (Total: 32:00 h)
Updated by Nazmul Hossain Shovon 6 months ago
- % Done changed from 0 to 10
Summary of Key Changes:
- Added a new NavSigninButton component to the navbar for user sign-in.
- Replaced the text logo with the AuthLogo component.
- Updated navbar and hamburger menu styling for a cleaner look.
- Removed dark mode classes and adjusted spacing for improved layout.
Updated by Nazmul Hossain Shovon 5 months ago
- % Done changed from 10 to 70
Summary of Key Changes:
- Refactored the footer by splitting it into modular components (FooterTop, FooterLinks, FooterBottom).
- Replaced SVG social icons with PNG images and updated their file paths.
- Adjusted homepage heading size from 70px to 16px.
- Modified SectionContainer width for better responsiveness.
- Removed unused SVG icon files.
Updated by Nazmul Hossain Shovon 5 months ago
- % Done changed from 70 to 90
Updated by Nazmul Hossain Shovon 5 months ago
Short summary of key changes:
- Added HireTalent and VendorRegister components to the navbar for quick access.
- Updated navbar links: removed "Home", added "Blogs".
- Introduced new CSS variable --color-blue-link for consistent link styling.
- Created new components: HireTalent and VendorRegister with styled buttons/links.
Updated by Nazmul Hossain Shovon 5 months ago
- % Done changed from 90 to 100
Short summary of key changes:
- Adjusted visibility of navbar elements to use lg breakpoint instead of md, improving desktop/mobile layout.
- Increased max-w in SectionContainer for wider content area.
- Made HireTalent, VendorRegister, and NavSigninButton buttons visible only on larger screens (md:flex or lg:flex).
- Updated hamburger menu to show only on smaller screens (lg:hidden).
Updated by Nazmul Hossain Shovon 5 months ago
Summary of Key Changes
- Added NavActionsSkeleton component (NavActionsSkeleton.tsx): A simple skeleton loader for navigation actions, displaying animated placeholders for icons and buttons during loading.
- Created NavActions component (NavActions.tsx): Extracted navigation actions logic into a new client-side component, conditionally rendering user-specific elements (e.g., UserAvatar for logged-in users, or VendorRegister, HireTalent, and NavSigninButton for guests).
- Refactored Navbar (Navbar.tsx): Replaced inline navigation actions with a dynamic import of NavActions, using NavActionsSkeleton as the loading fallback. This enables lazy loading, potentially improving initial page load performance by deferring client-side rendering. Removed direct imports of Hamburger, NavSigninButton, VendorRegister, HireTalent, and UserAvatar from Navbar.
Actions