Vite + React
-
-
-
-
- Edit src/App.tsx and save to test HMR
-
- Click on the Vite and React logos to learn more -
- - ) +
+
+
+
+ );
}
-export default App
+const router = createBrowserRouter([
+ {
+ path: "/",
+ element: Made with {"<3"} by James Pace.
; +} diff --git a/src/Home.tsx b/src/Home.tsx new file mode 100644 index 0000000..87855d0 --- /dev/null +++ b/src/Home.tsx @@ -0,0 +1,14 @@ +import { AppNav, Footer } from "./AppNav.tsx"; +import { Container, Row, Col, Image } from "react-bootstrap"; + +export function Home() { + return ( +
+
+
+
+
+ );
+}
diff --git a/src/Network.tsx b/src/Network.tsx
new file mode 100644
index 0000000..f4e7009
--- /dev/null
+++ b/src/Network.tsx
@@ -0,0 +1,14 @@
+import { AppNav, Footer } from "./AppNav.tsx";
+import { Container, Row, Col, Image } from "react-bootstrap";
+
+export function Network() {
+ return (
+ Hello World!
+
+
+
+
+
+ );
+}
diff --git a/src/Version.tsx b/src/Version.tsx
new file mode 100644
index 0000000..c0aa482
--- /dev/null
+++ b/src/Version.tsx
@@ -0,0 +1,47 @@
+import { AppNav, Footer } from "./AppNav.tsx";
+import { Container, Row, Col, Image } from "react-bootstrap";
+import { atom, useAtom } from 'jotai';
+import { atomWithQuery } from 'jotai-tanstack-query';
+
+const versionQueryFn = async () => {
+ const resp = await fetch("api/build_info");
+ if(!resp.ok) {
+ throw new Error('Network response was not ok')
+ }
+ console.log(resp);
+ return resp.json();
+}
+
+const versionAtom = atomWithQuery( () =>
+ ({
+ queryKey: ["version"],
+ queryFn: versionQueryFn,
+ })
+);
+
+export function Version() {
+ const [{ data, isPending, isError }] = useAtom(versionAtom);
+
+ let versionText = () => {
+ if(isPending) {
+ return "Loading...";
+ }
+ if(isError) {
+ return "Error loading!";
+ }
+ return JSON.stringify(data);
+ };
+
+
+ return (
+ Hello World!
+
+
+
+
+
+ );
+}
diff --git a/src/assets/react.svg b/src/assets/react.svg
deleted file mode 100644
index 6c87de9..0000000
--- a/src/assets/react.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/src/index.css b/src/index.css
deleted file mode 100644
index 08a3ac9..0000000
--- a/src/index.css
+++ /dev/null
@@ -1,68 +0,0 @@
-:root {
- font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
- line-height: 1.5;
- font-weight: 400;
-
- color-scheme: light dark;
- color: rgba(255, 255, 255, 0.87);
- background-color: #242424;
-
- font-synthesis: none;
- text-rendering: optimizeLegibility;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-}
-
-a {
- font-weight: 500;
- color: #646cff;
- text-decoration: inherit;
-}
-a:hover {
- color: #535bf2;
-}
-
-body {
- margin: 0;
- display: flex;
- place-items: center;
- min-width: 320px;
- min-height: 100vh;
-}
-
-h1 {
- font-size: 3.2em;
- line-height: 1.1;
-}
-
-button {
- border-radius: 8px;
- border: 1px solid transparent;
- padding: 0.6em 1.2em;
- font-size: 1em;
- font-weight: 500;
- font-family: inherit;
- background-color: #1a1a1a;
- cursor: pointer;
- transition: border-color 0.25s;
-}
-button:hover {
- border-color: #646cff;
-}
-button:focus,
-button:focus-visible {
- outline: 4px auto -webkit-focus-ring-color;
-}
-
-@media (prefers-color-scheme: light) {
- :root {
- color: #213547;
- background-color: #ffffff;
- }
- a:hover {
- color: #747bff;
- }
- button {
- background-color: #f9f9f9;
- }
-}
diff --git a/src/main.tsx b/src/main.tsx
index bef5202..6a6166f 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,10 +1,10 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import './index.css'
-import App from './App.tsx'
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import App from "./App.tsx";
+import "bootstrap/dist/css/bootstrap.min.css";
-createRoot(document.getElementById('root')!).render(
+createRoot(document.getElementById("root")!).render(
+ {versionText()} +
+