You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
899 B
TypeScript
33 lines
899 B
TypeScript
// components/ContentFileNames.tsx
|
|
import React, { useEffect, useState } from 'react';
|
|
import { Cards, Card } from 'nextra-theme-docs';
|
|
import { FilesIcon } from './icons';
|
|
|
|
const ContentFileNames = ({ section = 'research', lang = 'en' }) => {
|
|
const [fileNames, setFileNames] = useState([]);
|
|
|
|
useEffect(() => {
|
|
fetch(`/api/contentFiles?section=${section}&lang=${lang}`)
|
|
.then(response => response.json())
|
|
.then(data => setFileNames(data.fileNames));
|
|
}, [section, lang]);
|
|
|
|
return (
|
|
<Cards>
|
|
{fileNames.map(({ slug, title }, index) => (
|
|
<Card
|
|
key={index}
|
|
icon={<FilesIcon />}
|
|
title={title}
|
|
href={`/${section}/${slug}`}
|
|
>
|
|
{/* Add your desired content here, or an empty fragment if no content is needed */}
|
|
<></>
|
|
</Card>
|
|
))}
|
|
</Cards>
|
|
);
|
|
};
|
|
|
|
export default ContentFileNames;
|