fixed src file

ui/src/components/loading.tsx

@@ -0,0 +1,11 @@
+import { Component } from 'solid-js';
+
+export const Loading: Component = () => {
+  return (
+    <div class="flex items-center justify-center h-screen">
+      <div class="flex flex-col items-center space-y-4">
+        <div class="animate-spin h-20 w-20 rounded-full border-t-2 border-gray-400"></div>
+      </div>
+    </div>
+  );
+};

ui/src/components/navbar.tsx

@@ -0,0 +1,18 @@
+import { Link } from './link';
+import { Component } from 'solid-js';
+
+export const Navbar: Component = () => {
+  return (
+    <header class="flex items-center justify-between px-6 py-4 bg-gray-900 text-white">
+      <h1 class="text-2xl font-bold">Accuribet</h1>
+      <nav class="space-x-4">
+        <Link class="hover:underline" href="/">
+          Home
+        </Link>
+        <Link class="hover:underline" href="/games">
+          Games
+        </Link>
+      </nav>
+    </header>
+  );
+};

ui/src/model/game.ts

@@ -0,0 +1,48 @@
+export type DailyGames = DailyGame[]
+
+export interface DailyGame {
+  id: string
+  date: string
+  status: string
+  home_team: HomeTeam
+  away_team: AwayTeam
+  odds?: Odd[]
+}
+
+export interface HomeTeam {
+  id: number
+  name: string
+  score: number
+  wins: number
+  losses: number
+  abbreviation: string
+  injuries: Injury[]
+}
+
+export interface Injury {
+  player: string
+  team: string
+  position: string
+  injury: string
+  status: string
+}
+
+export interface AwayTeam {
+  id: number
+  name: string
+  score: number
+  wins: number
+  losses: number
+  abbreviation: string
+  injuries: Injury[]
+}
+
+
+
+export interface Odd {
+  book_name: string
+  home_money_line: number
+  away_money_line: number
+  over_under: number
+  num_bets: any
+}