redi/astro_advokat
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Новое измнений в код

Browse source
This commit is contained in:
Web-serfer 2026-03-31 17:31:46 +05:00
parent f4efa8f66e
commit 5a06dfdb22
2 changed files with 172 additions and 167 deletions
Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/components/home/Hero.astro
View file

@ -14,7 +14,7 @@ const yearDeclension = getYearDeclension(yearsOfPractice);
--- ---
<section <section
class="group relative w-full min-h-screen flex items-center overflow-hidden bg-[var(--color-navy)]" class="group relative w-full min-h-[50vh] md:min-h-screen flex items-center overflow-hidden bg-[var(--color-navy)]"
> >
<!-- 1. ФОНОВОЕ ИЗОБРАЖЕНИЕ с эффектом проявления --> <!-- 1. ФОНОВОЕ ИЗОБРАЖЕНИЕ с эффектом проявления -->
<div class="absolute inset-0 z-0"> <div class="absolute inset-0 z-0">

327
frontend/src/components/layouts/header/Header.astro
View file

@ -5,12 +5,12 @@ import { CONTACT_CONSTANTS } from "@constants/constants.ts";
const { pathname } = Astro.url; const { pathname } = Astro.url;
// Проверка авторизации будет на клиенте
const navLinks = [ const navLinks = [
{ name: "Главная", href: "/" }, { name: "Главная", href: "/", active: pathname === "/" },
{ {
name: "Услуги", name: "Услуги",
href: "/services", href: "/services",
active: pathname.startsWith("/services"),
children: [ children: [
{ {
name: "Административные дела", name: "Административные дела",
@ -37,10 +37,10 @@ const navLinks = [
{ name: "Дела СВО", href: "/services/svo", icon: "🛡️" }, { name: "Дела СВО", href: "/services/svo", icon: "🛡️" },
], ],
}, },
{ name: "Кейсы", href: "/cases" }, { name: "Кейсы", href: "/cases", active: pathname === "/cases" },
{ name: "Блог", href: "/blog" }, { name: "Блог", href: "/blog", active: pathname === "/blog" },
{ name: "О Бюро", href: "/about" }, { name: "О Бюро", href: "/about", active: pathname === "/about" },
{ name: "Контакты", href: "/contacts" }, { name: "Контакты", href: "/contacts", active: pathname === "/contacts" },
]; ];
const rawLinks = navLinks.filter((link) => { const rawLinks = navLinks.filter((link) => {
@ -50,41 +50,41 @@ const rawLinks = navLinks.filter((link) => {
--- ---
<header <header
id="main-header" id="main-header"
class="sticky top-0 w-full py-4 px-4 md:px-8 lg:px-16 z-[100] bg-[#0a0f1c]/90 backdrop-blur-md border-b border-white/5 transition-all duration-300" class="sticky top-0 w-full py-4 px-4 md:px-8 lg:px-16 z-[100] bg-[#0a0f1c]/90 backdrop-blur-md border-b border-white/5 transition-all duration-300"
> >
<div class="container px-4 md:px-8 mx-auto flex items-center justify-between"> <div class="container px-4 md:px-8 mx-auto flex items-center justify-between">
<!-- Логотип --> <!-- Логотип -->
<a href="/" class="flex items-center group relative py-2"> <a href="/" class="flex items-center group relative py-2">
<div <div
class="w-0 opacity-0 overflow-hidden transition-all duration-500 ease-[cubic-bezier(0.25,1,0.5,1)] group-hover:w-10 group-hover:opacity-100" class="w-0 opacity-0 overflow-hidden transition-all duration-500 ease-[cubic-bezier(0.25,1,0.5,1)] group-hover:w-10 group-hover:opacity-100"
> >
<div <div
class="w-10 h-10 min-w-10 bg-[#bf9b58] flex items-center justify-center rounded" class="w-10 h-10 min-w-10 bg-[#bf9b58] flex items-center justify-center rounded"
> >
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
class="w-6 h-6 text-[#151b26]" class="w-6 h-6 text-[#151b26]"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<path <path
fill="currentColor" fill="currentColor"
d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12c5.16-1.26 9-6.45 9-12V5zm0 4a3 3 0 0 1 3 3a3 3 0 0 1-3 3a3 3 0 0 1-3-3a3 3 0 0 1 3-3m5.13 12A9.7 9.7 0 0 1 12 20.92A9.7 9.7 0 0 1 6.87 17c-.34-.5-.63-1-.87-1.53c0-1.65 2.71-3 6-3s6 1.32 6 3c-.24.53-.53 1.03-.87 1.53" d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12c5.16-1.26 9-6.45 9-12V5zm0 4a3 3 0 0 1 3 3a3 3 0 0 1-3 3a3 3 0 0 1-3-3a3 3 0 0 1 3-3m5.13 12A9.7 9.7 0 0 1 12 20.92A9.7 9.7 0 0 1 6.87 17c-.34-.5-.63-1-.87-1.53c0-1.65 2.71-3 6-3s6 1.32 6 3c-.24.53-.53 1.03-.87 1.53"
></path> ></path>
</svg> </svg>
</div> </div>
</div> </div>
<div <div
class="flex flex-col transition-all duration-500 ease-[cubic-bezier(0.25,1,0.5,1)] pl-0 group-hover:pl-3" class="flex flex-col transition-all duration-500 ease-[cubic-bezier(0.25,1,0.5,1)] pl-0 group-hover:pl-3"
> >
<span <span
class="text-xl md:text-2xl font-black tracking-tighter text-white uppercase leading-none" class="text-xl md:text-2xl font-black tracking-tighter text-white uppercase leading-none"
> >
ADVOKAT<span class="text-[#bf9b58]">086</span> ADVOKAT<span class="text-[#bf9b58]">086</span>
</span> </span>
<span <span
class="text-[10px] text-gray-400 tracking-[0.2em] uppercase hidden sm:block" class="text-[10px] text-gray-400 tracking-[0.2em] uppercase hidden sm:block"
>Юридическая защита</span >Юридическая защита</span
> >
</div> </div>
</a> </a>
@ -93,150 +93,167 @@ const rawLinks = navLinks.filter((link) => {
<nav class="hidden lg:flex items-center gap-8 xl:gap-12"> <nav class="hidden lg:flex items-center gap-8 xl:gap-12">
{ {
rawLinks.map((link) => ( rawLinks.map((link) => (
<div class="relative group"> <div class="relative group">
{link.children ? ( {link.children ? (
<> <>
<button <button
class={`flex items-center gap-2 text-sm md:text-base font-bold uppercase tracking-wide transition-colors duration-300 py-2 ${link.active ? "text-[#bf9b58]" : "text-gray-300 hover:text-[#bf9b58]"}`} class={`flex items-center gap-2 text-sm md:text-base font-bold uppercase tracking-wide transition-colors duration-300 py-2 ${link.active ? "text-[#bf9b58]" : "text-gray-300 hover:text-[#bf9b58]"}`}
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
> >
{link.name} {link.name}
<svg <svg
class="w-4 h-4 transition-transform duration-300 ease-out group-hover:-rotate-180" class="w-4 h-4 transition-transform duration-300 ease-out group-hover:-rotate-180"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M19 9l-7 7-7-7"
/>
</svg>
</button>
<div class="absolute top-full left-1/2 -translate-x-1/2 pt-4 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 ease-out transform group-hover:translate-y-0 translate-y-2 min-w-[300px]">
<div class="bg-[#0f1623]/95 backdrop-blur-xl border border-white/10 rounded-xl shadow-2xl shadow-black/50 overflow-hidden p-2 relative">
<div class="absolute -top-1.5 left-1/2 -translate-x-1/2 w-3 h-3 bg-[#0f1623] border-l border-t border-white/10 rotate-45" />
<div class="relative space-y-1">
{link.children.map((child) => (
<a
href={child.href}
class={`flex items-center gap-3 px-4 py-3 rounded-lg text-sm font-medium transition-all duration-200 ${pathname === child.href ? "bg-[#bf9b58]/10 text-[#bf9b58]" : "text-gray-300 hover:bg-white/5 hover:text-[#bf9b58]"}`}
>
{child.icon && (
<span class="text-lg flex-shrink-0">
{child.icon}
</span>
)}
<span>{child.name}</span>
{pathname === child.href && (
<svg
class="w-4 h-4 ml-auto text-[#bf9b58]"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M9 5l7 7-7 7"
/>
</svg>
)}
</a>
))}
</div>
<div class="mt-2 pt-2 border-t border-white/5">
<a
href={link.href}
class="flex items-center justify-center gap-2 px-4 py-2 text-xs font-bold uppercase tracking-wider text-[#bf9b58] hover:text-white transition-colors duration-200"
>
Все услуги
<svg
class="w-4 h-4 transition-transform group-hover:translate-x-1"
fill="none" fill="none"
stroke="currentColor" stroke="currentColor"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<path <path
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width="2" stroke-width="2"
d="M17 8l4 4m0 0l-4 4m4-4H3" d="M19 9l-7 7-7-7"
/> />
</svg> </svg>
</a> </button>
<div class="absolute top-full left-1/2 -translate-x-1/2 pt-4 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 ease-out transform group-hover:translate-y-0 translate-y-2 min-w-[300px]">
<div class="bg-[#0f1623]/95 backdrop-blur-xl border border-white/10 rounded-xl shadow-2xl shadow-black/50 overflow-hidden p-2 relative">
<div class="absolute -top-1.5 left-1/2 -translate-x-1/2 w-3 h-3 bg-[#0f1623] border-l border-t border-white/10 rotate-45" />
<div class="relative space-y-1">
{link.children.map((child) => (
<a
href={child.href}
class={`flex items-center gap-3 px-4 py-3 rounded-lg text-sm font-medium transition-all duration-200 ${pathname === child.href ? "bg-[#bf9b58]/10 text-[#bf9b58]" : "text-gray-300 hover:bg-white/5 hover:text-[#bf9b58]"}`}
>
{child.icon && (
<span class="text-lg flex-shrink-0">
{child.icon}
</span>
)}
<span>{child.name}</span>
{pathname === child.href && (
<svg
class="w-4 h-4 ml-auto text-[#bf9b58]"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M9 5l7 7-7 7"
/>
</svg>
)}
</a>
))}
</div>
<div class="mt-2 pt-2 border-t border-white/5">
<a
href={link.href}
class="flex items-center justify-center gap-2 px-4 py-2 text-xs font-bold uppercase tracking-wider text-[#bf9b58] hover:text-white transition-colors duration-200"
>
Все услуги
<svg
class="w-4 h-4 transition-transform group-hover:translate-x-1"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M17 8l4 4m0 0l-4 4m4-4H3"
/>
</svg>
</a>
</div>
</div>
</div> </div>
</div> </>
</div> ) : (
</> <a
) : ( href={link.href}
<a class={`text-sm md:text-base font-bold uppercase tracking-wide transition-colors duration-300 py-2 block ${link.active ? "text-[#bf9b58]" : "text-gray-300 hover:text-[#bf9b58]"}`}
href={link.href} >
class={`text-sm md:text-base font-bold uppercase tracking-wide transition-colors duration-300 py-2 block ${link.active ? "text-[#bf9b58]" : "text-gray-300 hover:text-[#bf9b58]"}`} {link.name}
> </a>
{link.name} )}
</a> </div>
)}
</div>
)) ))
} }
</nav> </nav>
<div class="flex items-center gap-6"> <div class="flex items-center gap-4 lg:gap-6">
<!-- Блок авторизации - показывается/скрывается через JS --> <!-- Иконка телефона для мобильных (видна только на мобильных < md) -->
<div id="auth-block" class="hidden xl:flex items-center gap-3"> <a
href={`tel:${CONTACT_CONSTANTS.phone.replace(/[()\s-]/g, '')}`}
class="md:hidden w-10 h-10 rounded-full bg-[#bf9b58]/20 border border-[#bf9b58]/50 flex items-center justify-center hover:bg-[#bf9b58]/30 transition-colors group"
title="Позвонить"
aria-label="Позвонить"
>
<svg
class="w-5 h-5 text-[#bf9b58] group-hover:text-white transition-colors"
fill="currentColor"
viewBox="0 0 24 24"
>
<path d="M6.62 10.79a15.91 15.91 0 006.59 6.59l2.2-2.2a1 1 0 011.11-.27 11.72 11.72 0 003.64.59 1 1 0 011 1V20a1 1 0 01-1 1A17 17 0 013 7a1 1 0 011-1h3.5a1 1 0 011 1 11.72 11.72 0 00.59 3.64 1 1 0 01-.27 1.11z"/>
</svg>
</a>
<!-- Блок авторизации - скрыт на мобильных (< md), показывается на md и выше -->
<!-- ВАЖНО: hidden по умолчанию, скрипт управляет видимостью внутренних блоков, но не трогает hidden у контейнера -->
<div id="auth-block" class="hidden md:flex items-center gap-3">
<!-- Кнопки для авторизованного пользователя --> <!-- Кнопки для авторизованного пользователя -->
<div id="auth-user-block" class="hidden items-center gap-3"> <div id="auth-user-block" class="hidden items-center gap-3">
<a <a
href="/profile" href="/profile"
class="w-10 h-10 rounded-full bg-[#bf9b58]/20 border border-[#bf9b58]/50 flex items-center justify-center hover:bg-[#bf9b58]/30 transition-colors group" class="w-10 h-10 rounded-full bg-[#bf9b58]/20 border border-[#bf9b58]/50 flex items-center justify-center hover:bg-[#bf9b58]/30 transition-colors group"
title="Личный кабинет" title="Личный кабинет"
> >
<span id="user-initial" class="text-white font-bold text-lg group-hover:text-[#bf9b58]"></span> <span id="user-initial" class="text-white font-bold text-lg group-hover:text-[#bf9b58]"></span>
</a> </a>
<button <button
id="logout-btn" id="logout-btn"
class="w-10 h-10 rounded-full border border-red-500/30 flex items-center justify-center hover:bg-red-500/10 transition-colors group" class="w-10 h-10 rounded-full border border-red-500/30 flex items-center justify-center hover:bg-red-500/10 transition-colors group"
title="Выход" title="Выход"
> >
<svg <svg
class="w-5 h-5 text-red-400 group-hover:text-red-300" class="w-5 h-5 text-red-400 group-hover:text-red-300"
fill="none" fill="none"
stroke="currentColor" stroke="currentColor"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<path <path
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width="2" stroke-width="2"
d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1" d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"
/> />
</svg> </svg>
</button> </button>
</div> </div>
<!-- Блок для неавторизованного --> <!-- Блок для неавторизованного -->
<div id="auth-guest-block" class="flex flex-col items-end"> <div id="auth-guest-block" class="hidden flex-col items-end">
<button <button
data-consultation-modal data-consultation-modal
class="flex items-center gap-2 text-white font-bold text-lg hover:text-[#bf9b58] transition-colors cursor-pointer" class="flex items-center gap-2 text-white font-bold text-lg hover:text-[#bf9b58] transition-colors cursor-pointer"
> >
<svg <svg
class="w-5 h-5" class="w-5 h-5"
fill="none" fill="none"
stroke="currentColor" stroke="currentColor"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<path <path
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width="2" stroke-width="2"
d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"
/> />
</svg> </svg>
{CONTACT_CONSTANTS.phone} {CONTACT_CONSTANTS.phone}
@ -253,13 +270,13 @@ const rawLinks = navLinks.filter((link) => {
</div> </div>
</div> </div>
<!-- ИЗМЕНЕНИЕ: Кнопка-бургер. Увеличена область (w-12 h-12), добавлен rounded-full --> <!-- Кнопка-бургер -->
<button <button
id="menu-toggle" id="menu-toggle"
class="lg:hidden relative w-12 h-12 rounded-full border border-transparent flex items-center justify-center z-[1000] cursor-pointer transition-all duration-300" class="lg:hidden relative w-12 h-12 rounded-full border border-transparent flex items-center justify-center z-[1000] cursor-pointer transition-all duration-300"
aria-label="Меню" aria-label="Меню"
aria-expanded="false" aria-expanded="false"
onclick=" onclick="
const body = document.body; const body = document.body;
const isOpen = body.classList.toggle('menu-open'); const isOpen = body.classList.toggle('menu-open');
this.setAttribute('aria-expanded', isOpen); this.setAttribute('aria-expanded', isOpen);
@ -274,8 +291,8 @@ const rawLinks = navLinks.filter((link) => {
</div> </div>
<div <div
id="scroll-progress" id="scroll-progress"
class="absolute bottom-0 left-0 h-0.5 bg-[#bf9b58] w-0 transition-all duration-75 ease-out z-50" class="absolute bottom-0 left-0 h-0.5 bg-[#bf9b58] w-0 transition-all duration-75 ease-out z-50"
> >
</div> </div>
</header> </header>
@ -283,7 +300,6 @@ const rawLinks = navLinks.filter((link) => {
<MobileMenu links={rawLinks} /> <MobileMenu links={rawLinks} />
<style> <style>
/* Шапка становится прозрачной, чтобы просвечивал темный оверлей из меню */
:global(body.menu-open) #main-header { :global(body.menu-open) #main-header {
background-color: transparent !important; background-color: transparent !important;
backdrop-filter: none !important; backdrop-filter: none !important;
@ -291,16 +307,15 @@ const rawLinks = navLinks.filter((link) => {
border-color: transparent !important; border-color: transparent !important;
} }
/* ИЗМЕНЕНИЕ: Стили для активной кнопки (круглая подложка) */
#menu-toggle[aria-expanded="true"] { #menu-toggle[aria-expanded="true"] {
background-color: #151b26; /* Темный фон под крестиком */ background-color: #151b26;
border-color: rgba(255, 255, 255, 0.1); /* Легкая граница */ border-color: rgba(255, 255, 255, 0.1);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); /* Тень для объема */ box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
} }
.burger-line { .burger-line {
position: absolute; position: absolute;
width: 26px; /* Немного уменьшили ширину линий, чтобы они лучше вписывались в круг */ width: 26px;
height: 2px; height: 2px;
background-color: white; background-color: white;
border-radius: 2px; border-radius: 2px;
@ -318,11 +333,10 @@ const rawLinks = navLinks.filter((link) => {
transform: translateY(8px); transform: translateY(8px);
} }
/* Крестик */
#menu-toggle[aria-expanded="true"] .line-1 { #menu-toggle[aria-expanded="true"] .line-1 {
transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg);
background-color: #bf9b58; /* Делаем крестик золотым */ background-color: #bf9b58;
width: 22px; /* Аккуратный крестик */ width: 22px;
} }
#menu-toggle[aria-expanded="true"] .line-2 { #menu-toggle[aria-expanded="true"] .line-2 {
@ -343,12 +357,12 @@ const rawLinks = navLinks.filter((link) => {
if (progressBar) { if (progressBar) {
const updateScrollProgress = () => { const updateScrollProgress = () => {
const scrollTop = const scrollTop =
document.documentElement.scrollTop || document.body.scrollTop; document.documentElement.scrollTop || document.body.scrollTop;
const scrollHeight = const scrollHeight =
document.documentElement.scrollHeight - document.documentElement.scrollHeight -
document.documentElement.clientHeight; document.documentElement.clientHeight;
const scrollPercent = const scrollPercent =
scrollHeight > 0 ? (scrollTop / scrollHeight) * 100 : 0; scrollHeight > 0 ? (scrollTop / scrollHeight) * 100 : 0;
progressBar.style.width = `${scrollPercent}%`; progressBar.style.width = `${scrollPercent}%`;
}; };
window.addEventListener("scroll", updateScrollProgress, { window.addEventListener("scroll", updateScrollProgress, {
@ -357,14 +371,12 @@ const rawLinks = navLinks.filter((link) => {
updateScrollProgress(); updateScrollProgress();
} }
// Проверка авторизации
const checkAuth = async () => { const checkAuth = async () => {
const authBlock = document.getElementById("auth-block");
const authUserBlock = document.getElementById("auth-user-block"); const authUserBlock = document.getElementById("auth-user-block");
const authGuestBlock = document.getElementById("auth-guest-block"); const authGuestBlock = document.getElementById("auth-guest-block");
const userInitialEl = document.getElementById("user-initial"); const userInitialEl = document.getElementById("user-initial");
if (!authBlock || !authUserBlock || !authGuestBlock) return; if (!authUserBlock || !authGuestBlock) return;
try { try {
const response = await fetch('/api/auth/me', { const response = await fetch('/api/auth/me', {
@ -375,19 +387,16 @@ const rawLinks = navLinks.filter((link) => {
const data = await response.json(); const data = await response.json();
if (data.authenticated) { if (data.authenticated) {
authBlock.classList.remove("hidden");
authUserBlock.classList.remove("hidden"); authUserBlock.classList.remove("hidden");
authUserBlock.classList.add("flex"); authUserBlock.classList.add("flex");
authGuestBlock.classList.add("hidden"); authGuestBlock.classList.add("hidden");
authGuestBlock.classList.remove("flex"); authGuestBlock.classList.remove("flex");
// Отображаем первую букву имени пользователя
if (userInitialEl && data.user?.name) { if (userInitialEl && data.user?.name) {
const firstLetter = data.user.name.trim().charAt(0).toUpperCase(); const firstLetter = data.user.name.trim().charAt(0).toUpperCase();
userInitialEl.textContent = firstLetter; userInitialEl.textContent = firstLetter;
} }
} else { } else {
authBlock.classList.remove("hidden");
authUserBlock.classList.add("hidden"); authUserBlock.classList.add("hidden");
authUserBlock.classList.remove("flex"); authUserBlock.classList.remove("flex");
authGuestBlock.classList.remove("hidden"); authGuestBlock.classList.remove("hidden");
@ -395,7 +404,6 @@ const rawLinks = navLinks.filter((link) => {
} }
} catch (error) { } catch (error) {
console.error('[Header] Ошибка проверки авторизации:', error); console.error('[Header] Ошибка проверки авторизации:', error);
authBlock.classList.remove("hidden");
authUserBlock.classList.add("hidden"); authUserBlock.classList.add("hidden");
authGuestBlock.classList.remove("hidden"); authGuestBlock.classList.remove("hidden");
authGuestBlock.classList.add("flex"); authGuestBlock.classList.add("flex");
@ -404,7 +412,6 @@ const rawLinks = navLinks.filter((link) => {
checkAuth(); checkAuth();
// Кнопка выхода
const logoutBtn = document.getElementById("logout-btn"); const logoutBtn = document.getElementById("logout-btn");
if (logoutBtn) { if (logoutBtn) {
logoutBtn.classList.add("cursor-pointer"); logoutBtn.classList.add("cursor-pointer");
@ -418,9 +425,7 @@ const rawLinks = navLinks.filter((link) => {
}); });
if (response.ok) { if (response.ok) {
// Удаляем куку на клиенте
document.cookie = 'pb_auth=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; document.cookie = 'pb_auth=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
// Перенаправляем на главную
window.location.href = '/'; window.location.href = '/';
} }
} catch (error) { } catch (error) {