From 01d5678ecbb62d2511bc86d4e032c851d00c5269 Mon Sep 17 00:00:00 2001 From: Sijmen Huizenga Date: Sat, 28 Oct 2023 23:17:00 +0200 Subject: [PATCH 1/5] Add a bunch of pages --- webapp/public/snow-background.jpg | Bin 0 -> 13128 bytes webapp/src/App.tsx | 13 +++++++-- webapp/src/apiclient/model.ts | 3 +- webapp/src/components/ArtObject.tsx | 29 +++++++++++-------- webapp/src/components/FleischeRaceGame.tsx | 32 +++++++++++++++++++++ webapp/src/index.css | 3 +- webapp/src/templates/Room.tsx | 3 +- 7 files changed, 63 insertions(+), 20 deletions(-) create mode 100644 webapp/public/snow-background.jpg create mode 100644 webapp/src/components/FleischeRaceGame.tsx diff --git a/webapp/public/snow-background.jpg b/webapp/public/snow-background.jpg new file mode 100644 index 0000000000000000000000000000000000000000..e0c14c38dbfa0d81bcfebf454c52c757ac36769f GIT binary patch literal 13128 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 Qu{k`M8?ACx#(!4-58lAcMgRZ+ literal 0 HcmV?d00001 diff --git a/webapp/src/App.tsx b/webapp/src/App.tsx index 6b3cdb2..78cf64c 100644 --- a/webapp/src/App.tsx +++ b/webapp/src/App.tsx @@ -2,6 +2,8 @@ import { useEffect, useState } from "react"; import Room from "./templates/Room"; import { Piece } from "./apiclient/model"; import { loadData } from "./apiclient/apiclient"; +import { ComputerUpgradesPage } from "./components/ComputerUpgrades"; +import { FleischeRaceGame } from "./components/FleischeRaceGame"; // import { loadMockData } from "./apiclient/apiclient"; // import { ComputerUpgradesPage } from "./components/ComputerUpgrades"; @@ -17,9 +19,14 @@ function App() { return (
- {pieces.map((piece) => ( - - ))} + {pieces.map((piece) => { + if (piece.name === "Fleisch Ski Race") { + return ; + } else { + return ; + } + })} +
); } diff --git a/webapp/src/apiclient/model.ts b/webapp/src/apiclient/model.ts index d983a28..91ecea2 100644 --- a/webapp/src/apiclient/model.ts +++ b/webapp/src/apiclient/model.ts @@ -5,6 +5,7 @@ export type Piece = { year: number; show: boolean; screenshot: string; - embed: "Embed" | "Source" | "Fun" | "Nostalgia" | "Trending"; + embed: string; + "type of embed": "IMAGE" | "IFRAME"; updated: string; }; diff --git a/webapp/src/components/ArtObject.tsx b/webapp/src/components/ArtObject.tsx index 1b71b75..369e32e 100644 --- a/webapp/src/components/ArtObject.tsx +++ b/webapp/src/components/ArtObject.tsx @@ -1,21 +1,26 @@ import { Piece } from "../apiclient/model"; -const DEFAULT_IMG = 'https://upload.wikimedia.org/wikipedia/commons/thumb/c/c7/Optical_Toy%2C_Phenakistiscope_Disc_with_Cats_and_Donkey%2C_ca._1830.gif/640px-Optical_Toy%2C_Phenakistiscope_Disc_with_Cats_and_Donkey%2C_ca._1830.gif'; - const ArtObject = ({ piece }: { piece: Piece }) => { - let imageurl = piece.screenshot ? - piece.screenshot.split(' (')[1].replace(')', '') : DEFAULT_IMG; return (
-

- {piece.name} -

+

{piece.name}

- placeholder + {piece["type of embed"] === "IMAGE" ? ( + placeholder + ) : ( +