From ec2cdad6e4ce9f5e02c0db1d7509b023c2571b0c Mon Sep 17 00:00:00 2001 From: danilo-89 Date: Fri, 24 Mar 2023 15:47:10 +0100 Subject: [PATCH 1/6] codestatine: added speakers page logic and navigation --- package.json | 1 + src/app/App.tsx | 60 +- src/app/constantineSpeakers/SpeakersList.tsx | 15 + src/app/constantineSpeakers/SpeakersPage.tsx | 19 + src/components/Nav.tsx | 12 + src/lib/models/Speaker.tsx | 11 + src/styles/index.css | 112 +- yarn.lock | 1365 ++++++++++++++++++ 8 files changed, 1533 insertions(+), 62 deletions(-) create mode 100644 src/app/constantineSpeakers/SpeakersList.tsx create mode 100644 src/app/constantineSpeakers/SpeakersPage.tsx create mode 100644 src/components/Nav.tsx create mode 100644 src/lib/models/Speaker.tsx create mode 100644 yarn.lock diff --git a/package.json b/package.json index edd6041..327440e 100644 --- a/package.json +++ b/package.json @@ -15,6 +15,7 @@ "cheerio": "1.0.0-rc.12", "react": "experimental", "react-dom": "experimental", + "react-router-dom": "^6.9.0", "rect-use": "^1.0.0" }, "devDependencies": { diff --git a/src/app/App.tsx b/src/app/App.tsx index 089f557..80b16e7 100644 --- a/src/app/App.tsx +++ b/src/app/App.tsx @@ -1,25 +1,49 @@ -import { Suspense } from 'react' +import { Suspense } from 'react'; -import reactLogo from '../assets/react.svg' +import reactLogo from '../assets/react.svg'; -import UsersPage from './users/UsersPage' -import './App.css' +import UsersPage from './users/UsersPage'; +import './App.css'; +import Nav from '@/components/Nav'; +import { createBrowserRouter, RouterProvider } from 'react-router-dom'; +import SpeakersPage from './constantineSpeakers/SpeakersPage'; + +const router = createBrowserRouter([ + { + path: '/', + element: ( + <> +