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 }
|
||
];
|
||
}
|
||
} |