Обновлен компонент Header: добавлена кнопка для быстрого звонка с отображением номера телефона выбранного города, улучшена структура кода для мобильной версии.
This commit is contained in:
@ -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={() => {
|
||||||
|
Reference in New Issue
Block a user