Обновлен компонент Header: добавлена кнопка для быстрого звонка с отображением номера телефона выбранного города, улучшена структура кода для мобильной версии.

This commit is contained in:
Bivekich
2025-04-06 20:29:15 +03:00
parent eea97a129f
commit 1bb7cfcaa5

View File

@ -80,6 +80,17 @@ const Header = ({ selectedCity, onCityChange }: HeaderProps) => {
</div> </div>
</Link> </Link>
<div className="flex items-center space-x-2">
<a
href={`tel:${cityData[selectedCity].phone}`}
className="flex items-center space-x-1 text-gray-600 hover:text-blue-700 lg:hidden"
>
<Phone className="h-4 w-4 text-blue-700" />
<span className="text-sm font-medium">
{cityData[selectedCity].phone}
</span>
</a>
<button <button
className="lg:hidden p-2 hover:bg-gray-100 rounded-lg" className="lg:hidden p-2 hover:bg-gray-100 rounded-lg"
onClick={() => setIsMenuOpen(!isMenuOpen)} onClick={() => setIsMenuOpen(!isMenuOpen)}
@ -90,6 +101,7 @@ const Header = ({ selectedCity, onCityChange }: HeaderProps) => {
<Menu className="h-6 w-6 text-gray-600" /> <Menu className="h-6 w-6 text-gray-600" />
)} )}
</button> </button>
</div>
<nav className="hidden lg:flex items-center space-x-6"> <nav className="hidden lg:flex items-center space-x-6">
{navigation.map((item) => ( {navigation.map((item) => (
@ -187,14 +199,6 @@ const Header = ({ selectedCity, onCityChange }: HeaderProps) => {
</DropdownMenuContent> </DropdownMenuContent>
</DropdownMenu> </DropdownMenu>
<a
href={`tel:${cityData[selectedCity].phone}`}
className="flex items-center space-x-2 text-gray-600 hover:text-blue-700 py-2"
>
<Phone className="h-4 w-4" />
<span>{cityData[selectedCity].phone}</span>
</a>
<Button <Button
className="w-full bg-blue-700 hover:bg-blue-800 text-white mt-4" className="w-full bg-blue-700 hover:bg-blue-800 text-white mt-4"
onClick={() => { onClick={() => {