admin/31480
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

cources

Browse Source
This commit is contained in:
Flatlogic Bot 2025-05-13 14:32:15 +00:00
parent 1445da33bc
commit 199d472bac
2 changed files with 36 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app-shell/src/_schema.json
View File

File diff suppressed because one or more lines are too long

32
frontend/src/pages/web_pages/cources.tsx
View File

@ -1,23 +1,43 @@
import React from 'react'; import React, { useState, useEffect } from 'react';
import Head from 'next/head'; import Head from 'next/head';
import axios from 'axios';
import LayoutGuest from '../../layouts/Guest'; import LayoutGuest from '../../layouts/Guest';
import WebSiteHeader from '../../components/WebPageComponents/Header'; import WebSiteHeader from '../../components/WebPageComponents/Header';
import WebSiteFooter from '../../components/WebPageComponents/Footer'; import WebSiteFooter from '../../components/WebPageComponents/Footer';
const Cources = () => ( const Cources = () => {
const [courses, setCourses] = useState([]);
useEffect(() => {
axios.get('/courses')
.then(response => {
const dataList = Array.isArray(response.data.rows) ? response.data.rows : [];
setCourses(dataList);
})
.catch(error => console.error(error));
}, []);
return (
<> <>
<Head> <Head>
<title>Cources</title> <title>Cources</title>
</Head> </Head>
<WebSiteHeader /> <WebSiteHeader />
<main> <main className="container mx-auto py-8">
{/* Blank public page content */} <div className="grid sm:grid-cols-2 lg:grid-cols-3 gap-6">
{courses.map(course => (
<div key={course.id} className="bg-white rounded shadow p-4">
<h2 className="text-lg font-semibold mb-2">{course.title}</h2>
<p className="text-gray-600">{course.description}</p>
</div>
))}
</div>
</main> </main>
<WebSiteFooter /> <WebSiteFooter />
</> </>
); );
};
// Use the guest layout for public pages
Cources.getLayout = page => <LayoutGuest>{page}</LayoutGuest>; Cources.getLayout = page => <LayoutGuest>{page}</LayoutGuest>;
export default Cources; export default Cources;