54 lines
1.1 KiB
TypeScript
54 lines
1.1 KiB
TypeScript
|
import { useState, useEffect } from 'react';
|
||
|
|
import yaml from 'yaml';
|
||
|
|
|
||
|
|
// 定义活动项的接口
|
||
|
|
interface ActivityParticipant {
|
||
|
|
name: string;
|
||
|
|
}
|
||
|
|
|
||
|
|
interface Activity {
|
||
|
|
title: string;
|
||
|
|
coverImage: string;
|
||
|
|
description: string;
|
||
|
|
date: string;
|
||
|
|
participants: ActivityParticipant[];
|
||
|
|
organizer: string;
|
||
|
|
}
|
||
|
|
|
||
|
|
// 定义展示项的接口
|
||
|
|
interface ShowcaseItem {
|
||
|
|
title: string;
|
||
|
|
image: string;
|
||
|
|
author: string;
|
||
|
|
date: string;
|
||
|
|
}
|
||
|
|
|
||
|
|
// 定义配置接口
|
||
|
|
interface Config {
|
||
|
|
activities: Activity[];
|
||
|
|
showcase: ShowcaseItem[];
|
||
|
|
}
|
||
|
|
|
||
|
|
export function useConfig() {
|
||
|
|
const [config, setConfig] = useState<Config>({ activities: [], showcase: [] });
|
||
|
|
|
||
|
|
useEffect(() => {
|
||
|
|
async function loadConfig() {
|
||
|
|
try {
|
||
|
|
const response = await fetch('/api/config');
|
||
|
|
if (!response.ok) {
|
||
|
|
throw new Error('Network response was not ok');
|
||
|
|
}
|
||
|
|
const configYaml = await response.text();
|
||
|
|
const parsedConfig: Config = yaml.parse(configYaml);
|
||
|
|
setConfig(parsedConfig);
|
||
|
|
} catch (error) {
|
||
|
|
console.error('Failed to load configuration:', error);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
loadConfig();
|
||
|
|
}, []);
|
||
|
|
|
||
|
|
return { config };
|
||
|
|
}
|