From 80d64e04441ced7caecd238ae232e749d8e0dddf Mon Sep 17 00:00:00 2001
From: realtradam <github@tradam.dev>
Date: Tue, 21 May 2024 23:32:53 -0400
Subject: initial setup of seperating frontend

---
 src/components/Game.jsx | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 src/components/Game.jsx

(limited to 'src/components/Game.jsx')

diff --git a/src/components/Game.jsx b/src/components/Game.jsx
new file mode 100644
index 0000000..8b80b8e
--- /dev/null
+++ b/src/components/Game.jsx
@@ -0,0 +1,23 @@
+import React, { useState, useEffect } from "react";
+import { useParams } from "react-router-dom";
+//import { Link } from "react-router-dom";
+import GameCard from "./GameCard";
+import Button from "./Button";
+
+//<Route path="/games/:user/:game" element={<Game />} />
+
+//export default () => (
+export default function Games () {
+	let { user, game } = useParams();
+//http://localhost:3000/api/v1/game/realtradam/orc-arena-of-time/index.html
+	return(
+		<>
+			<div>
+				<div className="flex flex-col gap-16 max-w-6xl shrink">
+					<div className="title font-bold text-6xl font-title">Orc: Arena of Time</div>
+						<iframe style={{ aspectRatio: 1 }} className="bg-black aspect-square max-h-[90vh] rounded" src="http://localhost:3000/api/v1/game/realtradam/orc-arena-of-time/index.html" title={game}></iframe>
+				</div>
+			</div>
+		</>
+	);
+};
-- 
cgit v1.2.3

