50 lines
1.5 KiB
TypeScript
50 lines
1.5 KiB
TypeScript
|
import { fetchGraphQL } from './graphql-client.js';
|
|||
|
|
import type { MenuItem } from '../types/graphql.js';
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
// Функция ДЛЯ ГЛАВНОГО МЕНЮ (максимум 5 пунктов)
|
|||
|
|
export async function getMainHeaderMenu(): Promise<MenuItem[]> {
|
|||
|
|
const query = `
|
|||
|
|
query GetMainHeaderMenu {
|
|||
|
|
menu(id: "103245", idType: DATABASE_ID) {
|
|||
|
|
menuItems(
|
|||
|
|
first: 5, # Берем только 5
|
|||
|
|
where: {parentId: null} # Только верхний уровень
|
|||
|
|
) {
|
|||
|
|
nodes {
|
|||
|
|
id
|
|||
|
|
label
|
|||
|
|
url
|
|||
|
|
target
|
|||
|
|
order
|
|||
|
|
cssClasses
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
`;
|
|||
|
|
|
|||
|
|
try {
|
|||
|
|
const data = await fetchGraphQL(query);
|
|||
|
|
const items = data.menu?.menuItems?.nodes || [];
|
|||
|
|
|
|||
|
|
// Сортируем по order и гарантируем максимум 5
|
|||
|
|
return items
|
|||
|
|
.sort((a: MenuItem, b: MenuItem) => a.order - b.order)
|
|||
|
|
.slice(0, 5);
|
|||
|
|
|
|||
|
|
} catch (error) {
|
|||
|
|
console.error('Ошибка загрузки главного меню:', error);
|
|||
|
|
|
|||
|
|
// Запасной вариант на случай ошибки (ровно 5 пунктов)
|
|||
|
|
return [
|
|||
|
|
{ id: '1', label: 'Главная', url: '/', order: 0 },
|
|||
|
|
{ id: '2', label: 'Каталог', url: '/catalog', order: 1 },
|
|||
|
|
{ id: '3', label: 'О нас', url: '/about', order: 2 },
|
|||
|
|
{ id: '4', label: 'Контакты', url: '/contacts', order: 3 },
|
|||
|
|
{ id: '5', label: 'Блог', url: '/blog', order: 4 }
|
|||
|
|
];
|
|||
|
|
}
|
|||
|
|
}
|