CityCards/CityCards-Website
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
priyanshuvish
2025-10-17 18:54:36 +05:30
parent 8abd56fe4e
commit 0a39b39934
1 changed files with 30 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
src/components/Navbar.tsx
View File

@@ -373,35 +373,35 @@ export default function Navbar({
{/* City Dropdown */}
<Dropdown
ref={cityRef}
isOpen={activeCityDropdown}
onToggle={() => {
console.log('City dropdown toggled');
setTimeout(() => {
setActiveCityDropdown(!activeCityDropdown);
}, 50);
}}
items={cities.map(city => ({
id: 'city-change',
label: city.label,
action: () => {
console.log('City action called:', city.id);
handleCityChange(city.id);
}
}))}
title="Select City"
trigger={
<div className="flex items-center space-x-1.5 text-gray-700 hover:text-gray-900 text-base font-medium transition-colors duration-200 cursor-pointer rounded-lg hover:bg-gray-50/50 px-2 py-1">
<span>
{isLandingPage || activeCity === 'Landingpage' || !activeCity
? 'Select City'
: activeCity.charAt(0).toUpperCase() + activeCity.slice(1)
}
</span>
<ChevronDown className={`w-3.5 h-3.5 transition-transform duration-200 ${activeCityDropdown ? 'rotate-180' : ''}`} />
</div>
}
/>
ref={cityRef}
isOpen={activeCityDropdown}
onToggle={() => {
console.log('City dropdown toggled');
setTimeout(() => {
setActiveCityDropdown(!activeCityDropdown);
}, 50);
}}
items={cities.map(city => ({
id: 'city-change',
label: city.label,
action: () => {
console.log('City action called:', city.id);
handleCityChange(city.id);
}
}))}
title="Select City"
trigger={
<div className="flex items-center space-x-1.5 text-gray-700 hover:text-gray-900 text-base font-medium transition-colors duration-200 cursor-pointer rounded-lg hover:bg-gray-50/50 px-2 py-1">
<span>
{isLandingPage || activeCity === 'Landingpage' || !activeCity
? 'Select City'
: activeCity.charAt(0).toUpperCase() + activeCity.slice(1)
}
</span>
<ChevronDown className={`w-3.5 h-3.5 transition-transform duration-200 ${activeCityDropdown ? 'rotate-180' : ''}`} />
</div>
}
/>
{/* Language Dropdown */}
<Dropdown
ref={languageRef}
@@ -456,7 +456,7 @@ export default function Navbar({
/>
{/* City Card Button */}
<div className="flex items-center gap-3">
<div className="flex items-center gap-3 pl-2">
<div className="relative">
<CTAButton
user={user ?? null}