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

48
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([]);
<Head>
<title>Cources</title> useEffect(() => {
</Head> axios.get('/courses')
<WebSiteHeader /> .then(response => {
<main> const dataList = Array.isArray(response.data.rows) ? response.data.rows : [];
{/* Blank public page content */} setCourses(dataList);
</main> })
<WebSiteFooter /> .catch(error => console.error(error));
</> }, []);
);
return (
<>
<Head>
<title>Cources</title>
</Head>
<WebSiteHeader />
<main className="container mx-auto py-8">
<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>
<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;