From 4bb6aa443c104287331b966b1d677ece102d91c3 Mon Sep 17 00:00:00 2001
From: Peter <peterlgirouard@gmail.com>
Date: Tue, 8 Aug 2023 13:32:59 -0400
Subject: [PATCH] Style and partial player page

---
 public/sba-logo.png               | Bin 0 -> 16391 bytes
 src/App.vue                       |   4 +-
 src/components/NavBar.vue         | 197 ++++++++++++++++++++++++++++--
 src/components/StandingsTable.vue |   6 +-
 src/components/TheWelcome.vue     |  16 ---
 src/services/standingsService.ts  |   8 +-
 src/views/HomeView.vue            |  85 ++++++-------
 src/views/PlayerView.vue          |  53 +++++---
 src/views/TeamView.vue            |  13 +-
 tsconfig.json                     |  15 ++-
 10 files changed, 291 insertions(+), 106 deletions(-)
 create mode 100644 public/sba-logo.png
 delete mode 100644 src/components/TheWelcome.vue

diff --git a/public/sba-logo.png b/public/sba-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..2ffc7fc3f149804724e08ef4ce4dac39ab53e8c4
GIT binary patch
literal 16391
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
b*@vi$(b2+5`ML~YHWXx(rHdtv{`vm^T@#`F

literal 0
HcmV?d00001

diff --git a/src/App.vue b/src/App.vue
index 6e93a7c..2460a3d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,9 +1,9 @@
 <template>
   <html lang="en" style="height: 100%">
-  <!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
+  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
     integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootswatch/4.5.2/yeti/bootstrap.min.css">
-  <link rel="stylesheet" href="/src/assets/oldSite.css"> -->
+  <link rel="stylesheet" href="/src/assets/oldSite.css">
 
   <head>
     <meta charset="utf-8">
diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index 24b55ca..94bf057 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -1,20 +1,195 @@
 <template>
-  <div class="navbar navbar-expand-sm navbar-dark bg-primary ">
-    <div class="nav-bar navbar-brand mb-0 h1">
-      <RouterLink to="/">SBa Season {{ seasonNumber }}</RouterLink>
-      <n-menu mode="horizontal" :options="menuOptions" />
-      <li class="nav-item"> <a id="login" class="nav-link">Login with Discord</a></li>
-      <li class="nav-item">
-        <a id="team-login-link" href="/teams?abbrev=">
-          <img id="team-login" style="max-height:35px" hidden />
-        </a>
-      </li>
+  <nav class="navbar navbar-expand-sm navbar-dark bg-primary" style="margin-bottom: 1rem" id="navbar">
+    <RouterLink class="nav-link" to="/">SBa Season {{ seasonNumber }}</RouterLink>
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#top-navbar-collapse"
+      aria-controls="top-navbar-collapse" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse" id="top-navbar-collapse">
+      <ul class="navbar-nav mr-auto">
+        <li class="nav-item">
+          <!-- TODO -->
+          <RouterLink class="nav-link" to="/schedule">Schedule</RouterLink>
+        </li>
+        <li class="nav-item">
+          <!-- TODO -->
+          <RouterLink class="nav-link" to="/standings">Standings</RouterLink>
+        </li>
+        <li class="nav-item dropdown">
+          <a class="nav-link dropdown-toggle" href="#" id="statsDropdown" role="button" data-toggle="dropdown"
+            aria-haspopup="true" aria-expanded="false">Stats & Leaders</a>
+          <ul class="dropdown-menu" aria-labelledby="statsDropdown">
+            <li><a class="dropdown-item dropdown-toggle" href="#">Season Leaders</a>
+              <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="/stats/leaders/season?stat=batting">Batting Leaders</a></li>
+                <li><a class="dropdown-item" href="/stats/leaders/season?stat=pitching">Pitching Leaders</a></li>
+                <li><a class="dropdown-item" href="/stats/leaders/season?stat=fielding">Fielding Leaders</a></li>
+              </ul>
+            </li>
+            <li><a class="dropdown-item dropdown-toggle" href="#">Team Stats</a>
+              <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="/stats/team?stat=batting">Team Batting</a></li>
+                <li><a class="dropdown-item" href="/stats/team?stat=pitching">Team Pitching</a></li>
+                <li><a class="dropdown-item" href="/stats/team?stat=fielding">Team Fielding</a></li>
+              </ul>
+            </li>
+            <li><a class="dropdown-item dropdown-toggle" href="#">Single-Game Records</a>
+              <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="/stats/leaders/single-game?stat=batting">Single-Game Batting</a></li>
+                <li><a class="dropdown-item" href="/stats/leaders/single-game?stat=pitching">Single-Game Pitching</a></li>
+                <li><a class="dropdown-item" href="/stats/leaders/single-game?stat=fielding">Single-Game Fielding</a></li>
+              </ul>
+            </li>
+            <li><a class="dropdown-item dropdown-toggle" href="#">Single-Season Leaders</a>
+              <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="/stats/leaders/single-season?stat=batting">Single-Season Batting</a>
+                </li>
+                <li><a class="dropdown-item" href="/stats/leaders/single-season?stat=pitching">Single-Season Pitching</a>
+                </li>
+                <li><a class="dropdown-item" href="/stats/leaders/single-season?stat=fielding">Single-Season Fielding</a>
+                </li>
+              </ul>
+            </li>
+            <li><a class="dropdown-item dropdown-toggle" href="#">Career Leaders</a>
+              <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="/stats/leaders/career?stat=batting">Career Batting</a></li>
+                <li><a class="dropdown-item" href="/stats/leaders/career?stat=pitching">Career Pitching</a></li>
+                <li><a class="dropdown-item" href="/stats/leaders/career?stat=fielding">Career Fielding</a></li>
+              </ul>
+            </li>
+          </ul>
+        </li>
+        <li class="nav-item dropdown">
+          <a class="nav-link dropdown-toggle" href="#" id="teamsDropdown" role="button" data-toggle="dropdown"
+            aria-haspopup="true" aria-expanded="false">Teams</a>
+          <ul class="dropdown-menu" aria-labelledby="teamsDropdown">
+            <li><a class="dropdown-item dropdown-toggle" href="#">AL East</a>
+              <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="/teams?abbrev=NSH">Gators</a></li>
+                <li><a class="dropdown-item" href="/teams?abbrev=HAM">Honeybees</a></li>
+                <li><a class="dropdown-item" href="/teams?abbrev=TK">Kaiju</a></li>
+                <li><a class="dropdown-item" href="/teams?abbrev=PHP">Phantoms</a></li>
+              </ul>
+            </li>
+            <li><a class="dropdown-item dropdown-toggle" href="#">AL West</a>
+              <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="/teams?abbrev=CHC">Cyclones</a></li>
+                <li><a class="dropdown-item" href="/teams?abbrev=PEI">Mussels</a></li>
+                <li><a class="dropdown-item" href="/teams?abbrev=WAI">Whale Sharks</a></li>
+                <li><a class="dropdown-item" href="/teams?abbrev=SHA">Wu Xia</a></li>
+              </ul>
+            </li>
+            <li><a class="dropdown-item dropdown-toggle" href="#">NL East</a>
+              <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="/teams?abbrev=DAL">Drillers</a></li>
+                <li><a class="dropdown-item" href="/teams?abbrev=CLS">Macho Men</a></li>
+                <li><a class="dropdown-item" href="/teams?abbrev=KSS">Shoebills</a></li>
+                <li><a class="dropdown-item" href="/teams?abbrev=DEN">Zephyr</a></li>
+              </ul>
+            </li>
+            <li><a class="dropdown-item dropdown-toggle" href="#">NL West</a>
+              <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="/teams?abbrev=VA">Angels</a></li>
+                <li><a class="dropdown-item" href="/teams?abbrev=WV">Black Bears</a></li>
+                <li><a class="dropdown-item" href="/teams?abbrev=MKE">Bovines</a></li>
+                <li><a class="dropdown-item" href="/teams?abbrev=BSG">Snow Geese</a></li>
+              </ul>
+            </li>
+          </ul>
+        </li>
+        <li class="nav-item dropdown">
+          <a class="nav-link dropdown-toggle" id="transDropdown" role="button" data-toggle="dropdown" aria-haspopup="true"
+            aria-expanded="false">Transactions</a>
+          <ul class="dropdown-menu" aria-labelledby="transDropdown">
+            <li><a class="dropdown-item" href="/teams?abbrev=FA">Free Agents</a></li>
+            <li><a class="dropdown-item" href="/transactions">Transactions</a></li>
+          </ul>
+        </li>
+        <li class="nav-item dropdown">
+          <a class="nav-link dropdown-toggle" id="historyDropdown" role="button" data-toggle="dropdown"
+            aria-haspopup="true" aria-expanded="false">History</a>
+          <ul class="dropdown-menu" aria-labelledby="historyDropdown">
+            <li><a class="dropdown-item" href="/awards">Awards</a></li>
+            <li><a class="dropdown-item dropdown-toggle" href="#">Managers</a>
+              <ul class="dropdown-menu">
+                <li><a class="dropdown-item dropdown-toggle" href="#">Active</a>
+                  <ul class="dropdown-menu">
+                    <li><a class="dropdown-item" href="/managers?name=Basebally">Basebally</a></li>
+                    <li><a class="dropdown-item" href="/managers?name=Brian Taylor">BT</a></li>
+                    <li><a class="dropdown-item" href="/managers?name=Cal">Cal</a></li>
+                    <li><a class="dropdown-item" href="/managers?name=Cash">Cash</a></li>
+                    <li><a class="dropdown-item" href="/managers?name=Derek">Derek</a></li>
+                    <li><a class="dropdown-item" href="/managers?name=Foxx">Foxx</a></li>
+                    <li><a class="dropdown-item" href="/managers?name=Jack">Jack</a></li>
+                    <li><a class="dropdown-item" href="/managers?name=Joe">Joe</a></li>
+                    <li><a class="dropdown-item" href="/managers?name=Josef">Josef</a></li>
+                    <li><a class="dropdown-item" href="/managers?name=JP">JP</a></li>
+                    <li><a class="dropdown-item" href="/managers?name=JZ">JZ</a></li>
+                    <li><a class="dropdown-item" href="/managers?name=Kiger">Kiger</a></li>
+                    <li><a class="dropdown-item" href="/managers?name=Kilo">Kilo</a></li>
+                    <li><a class="dropdown-item" href="/managers?name=Kalin">Kalin</a></li>
+                    <li><a class="dropdown-item" href="/managers?name=Lyle">Lyle</a></li>
+                    <li><a class="dropdown-item" href="/managers?name=Mason">Mason</a></li>
+                    <li><a class="dropdown-item" href="/managers?name=Mcast">Mcast</a></li>
+                    <li><a class="dropdown-item" href="/managers?name=Paulie">Paulie</a></li>
+                    <li><a class="dropdown-item" href="/managers?name=Plack">Plack</a></li>
+                    <li><a class="dropdown-item" href="/managers?name=Reed">Reed</a></li>
+                    <li><a class="dropdown-item" href="/managers?name=Riles">Riles</a></li>
+                    <li><a class="dropdown-item" href="/managers?name=Ryan">Ryan</a></li>
+                    <li><a class="dropdown-item" href="/managers?name=Smitty">Smitty</a></li>
+                    <li><a class="dropdown-item" href="/managers?name=Will">Will</a></li>
+                  </ul>
+                </li>
+                <li><a class="dropdown-item dropdown-toggle" href="#">Retired</a>
+                  <ul class="dropdown-menu">
+
+                    <li><a class="dropdown-item" href="/managers?name=Berna">Berna</a></li>
+                    <li><a class="dropdown-item" href="/managers?name=Boof">Boof</a></li>
+                    <li><a class="dropdown-item" href="/managers?name=Caleb">Caleb</a></li>
+                    <li><a class="dropdown-item" href="/managers?name=Diego">Diego</a></li>
+                    <li><a class="dropdown-item" href="/managers?name=Jingles">Jingles</a></li>
+                    <li><a class="dropdown-item" href="/managers?name=Jojo">Jojo</a></li>
+                    <li><a class="dropdown-item" href="/managers?name=Petra">Petra</a></li>
+                    <li><a class="dropdown-item" href="/managers?name=Triumph">Triumph</a></li>
+                    <li><a class="dropdown-item" href="/managers?name=Val">Val</a></li>
+                  </ul>
+                </li>
+              </ul>
+            </li>
+            <li><a class="dropdown-item dropdown-toggle" href="#">Season Recaps</a>
+              <ul class="dropdown-menu">
+                <li><a class="dropdown-item" href="/recaps?season=6">Season 6</a></li>
+                <li><a class="dropdown-item" href="/recaps?season=5">Season 5</a></li>
+                <li><a class="dropdown-item" href="/recaps?season=4">Season 4</a></li>
+                <li><a class="dropdown-item" href="/recaps?season=3">Season 3</a></li>
+                <li><a class="dropdown-item" href="/recaps?season=2">Season 2</a></li>
+                <li><a class="dropdown-item" href="/recaps?season=1">Season 1</a></li>
+              </ul>
+            </li>
+          </ul>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" href="/rules">Rules Ref</a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" href="/news">News</a>
+        </li>
+        <li class="nav-item">
+          <a id="login" class="nav-link">Login with Discord</a>
+        </li>
+        <li class="nav-item">
+          <!-- TODO RouterLink to team page with team icon -->
+          <a id="team-login-link" href="/teams?abbrev="></a>
+        </li>
+      </ul>
+
       <form class="form-inline" action="/players">
         <input type="text" name="name" placeholder="Player Search" list="player-names" id="player-choice">
         <datalist id="player-names">
           <option v-for="name in playerNames" :value="name">{{ name }}</option>
         </datalist>
       </form>
+
       <ul class="navbar-nav navbar-right">
         <li class="nav-item">
           <div class="custom-control custom-switch">
@@ -25,7 +200,7 @@
         </li>
       </ul>
     </div>
-  </div>
+  </nav>
 
   <!-- <nav class="container">
     <RouterLink to="/">SBa Season {{ seasonNumber }}</RouterLink>
diff --git a/src/components/StandingsTable.vue b/src/components/StandingsTable.vue
index e17d750..3f27872 100644
--- a/src/components/StandingsTable.vue
+++ b/src/components/StandingsTable.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class="standings-table">
-    <table>
-      <thead>
+  <div class="standings-table table-responsive-xl">
+    <table class="table table-sm table-striped">
+      <thead class="thead-dark">
         <tr>
           <th>Team</th>
           <th>Record</th>
diff --git a/src/components/TheWelcome.vue b/src/components/TheWelcome.vue
deleted file mode 100644
index 71ac73e..0000000
--- a/src/components/TheWelcome.vue
+++ /dev/null
@@ -1,16 +0,0 @@
-<template>
-  <button @click="players">Log Players</button>
-</template>
-
-<script lang="ts">
-import { fetchPlayers } from '@/services/playersService'
-import { CURRENT_SEASON } from '@/services/utilities'
-
-export default {
-  methods: {
-    async players(): Promise<void> {
-      await fetchPlayers(CURRENT_SEASON)
-    }
-  }
-}
-</script>
\ No newline at end of file
diff --git a/src/services/standingsService.ts b/src/services/standingsService.ts
index e0a86a2..0b16eb3 100644
--- a/src/services/standingsService.ts
+++ b/src/services/standingsService.ts
@@ -36,8 +36,8 @@ interface TeamStandingRaw {
 export interface TeamStanding {
   teamName: string
   teamAbbreviation: string
-  divisionAbbreviation: 'W' | 'E'
-  leagueAbbreviation: 'NL' | 'AL'
+  divisionAbbreviation: string
+  leagueAbbreviation: string
   wins: number
   losses: number
   winPercentage: string,
@@ -52,7 +52,7 @@ export interface TeamStanding {
 }
 
 export async function fetchStandings(seasonNumber: number): Promise<TeamStanding[]> {
-  const response = await fetch(`${SITE_URL}/api/v3/standings?season=${seasonNumber}`)//?league_abbrev=AL&division_abbrev=W`)
+  const response = await fetch(`${SITE_URL}/api/v3/standings?season=${seasonNumber}`)
 
   const standingsResponse: {
     count: number
@@ -66,7 +66,7 @@ export async function fetchStandings(seasonNumber: number): Promise<TeamStanding
 function normalizeStanding(standing: TeamStandingRaw): TeamStanding {
   const totalGamesPlayed = standing.wins + standing.losses
   // round win percentage to 3 decimal places
-  const winPercentage: string = totalGamesPlayed ? `${Math.round(standing.wins / totalGamesPlayed * 1000) / 1000}%` : '-'
+  const winPercentage: string = totalGamesPlayed ? `${(standing.wins / totalGamesPlayed).toFixed(3)}` : '-'
 
   const formattedRunDiff = `${standing.run_diff > 0 ? '+' : ''}${standing.run_diff}`
   const isWildcardTeam = standing.wc_gb !== null || standing.wc_e_num !== null
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 6dcbce9..6b23710 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,33 +1,37 @@
 <template>
   <main class="home-view">
-    <TheWelcome />
-
-    <h1>Season {{ seasonNumber }} Standings</h1>
-    <h2 id="week-num">{{ weekNumber ? `Week ${weekNumber}` : '' }}</h2>
-
-    <!-- Division Standings -->
-    <div class="row">
-      <div class="column">
-        <h2>American League</h2>
-        <h3>East</h3>
-        <StandingsTable :teams="alEastTeams" :is-divisional=true />
-        <h3>West</h3>
-        <StandingsTable :teams="alWestTeams" :is-divisional=true />
-        <h3>AL Wildcard</h3>
-        <StandingsTable :teams="alWildcardTeams" :is-divisional=false />
-
-        <h2>National League</h2>
-        <h3>East</h3>
-        <StandingsTable :teams="nlEastTeams" :is-divisional=true />
-        <h3>West</h3>
-        <StandingsTable :teams="nlWestTeams" :is-divisional=true />
-        <h3>NL Wildcard</h3>
-        <StandingsTable :teams="nlWildcardTeams" :is-divisional=false />
+    <div class="centerDiv">
+      <div class="row">
+        <div class="col-sm-12">
+          <h1>Season {{ seasonNumber }} Standings</h1>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col-sm-12">
+          <h2 id="week-num">{{ weekNumber ? `Week ${weekNumber}` : '' }}</h2>
+        </div>
       </div>
 
-      <div class="column">
-        <h3>Latest News</h3>
-        <div id="news-posts"></div>
+      <!-- Division Standings -->
+      <div class="row">
+        <div class="col-md-6">
+          <h2>SBa League</h2>
+          <h3>International wOBA Grand Prix</h3>
+          <StandingsTable :teams="iwgpTeams" :is-divisional=true />
+          <h3>Crabbers</h3>
+          <StandingsTable :teams="balTeams" :is-divisional=true />
+          <h3>Fun Diff</h3>
+          <StandingsTable :teams="fdTeams" :is-divisional=true />
+          <h3>NL West</h3>
+          <StandingsTable :teams="nlwTeams" :is-divisional=true />
+          <h3>Wildcard</h3>
+          <StandingsTable :teams="wildcardTeams" :is-divisional=false />
+        </div>
+
+        <div class="col-md-6">
+          <h3>Latest News</h3>
+          <div id="news-posts"></div>
+        </div>
       </div>
     </div>
   </main>
@@ -38,7 +42,6 @@ import StandingsTable from '@/components/StandingsTable.vue'
 import { fetchStandings, type TeamStanding } from '@/services/standingsService'
 import { fetchCurrentLeagueInfo, type LeagueInfo } from '@/services/currentService'
 import { CURRENT_SEASON } from '@/services/utilities'
-import TheWelcome from '../components/TheWelcome.vue'
 
 export default {
   name: "HomeView",
@@ -47,12 +50,11 @@ export default {
       seasonNumber: CURRENT_SEASON as number,
       weekNumber: undefined as number | undefined,
       teamStandings: [] as TeamStanding[],
-      alEastTeams: [] as TeamStanding[],
-      alWestTeams: [] as TeamStanding[],
-      alWildcardTeams: [] as TeamStanding[],
-      nlEastTeams: [] as TeamStanding[],
-      nlWestTeams: [] as TeamStanding[],
-      nlWildcardTeams: [] as TeamStanding[],
+      iwgpTeams: [] as TeamStanding[],
+      nlwTeams: [] as TeamStanding[],
+      wildcardTeams: [] as TeamStanding[],
+      balTeams: [] as TeamStanding[],
+      fdTeams: [] as TeamStanding[]
     }
   },
   created() {
@@ -63,14 +65,15 @@ export default {
       const leagueInfo: LeagueInfo = await fetchCurrentLeagueInfo()
       this.weekNumber = leagueInfo.week
 
-      // TODO CHANGE THIS
-      this.teamStandings = await fetchStandings(CURRENT_SEASON - 1)
-      this.alEastTeams = this.teamStandings.filter(ts => ts.divisionAbbreviation === 'E' && ts.leagueAbbreviation === 'AL')
-      this.alWestTeams = this.teamStandings.filter(ts => ts.divisionAbbreviation === 'W' && ts.leagueAbbreviation === 'AL')
-      this.nlEastTeams = this.teamStandings.filter(ts => ts.divisionAbbreviation === 'E' && ts.leagueAbbreviation === 'NL')
-      this.nlWestTeams = this.teamStandings.filter(ts => ts.divisionAbbreviation === 'W' && ts.leagueAbbreviation === 'NL')
-      this.alWildcardTeams = this.teamStandings.filter(ts => ts.leagueAbbreviation === 'AL' && ts.isWildcardTeam)
-      this.nlWildcardTeams = this.teamStandings.filter(ts => ts.leagueAbbreviation === 'NL' && ts.isWildcardTeam)
+      this.teamStandings = await fetchStandings(CURRENT_SEASON)
+      // TODO this could be made more robust to division/league structure changes by identifying the unique
+      // league/div abbreviations, then grouping on each into an array of arrays, then in the template above
+      // v-for over the structure to generate a dynamic standings page
+      this.iwgpTeams = this.teamStandings.filter(ts => ts.divisionAbbreviation === 'IWGP')
+      this.nlwTeams = this.teamStandings.filter(ts => ts.divisionAbbreviation === 'NLW')
+      this.balTeams = this.teamStandings.filter(ts => ts.divisionAbbreviation === 'BAL')
+      this.fdTeams = this.teamStandings.filter(ts => ts.divisionAbbreviation === 'FD')
+      this.wildcardTeams = this.teamStandings.filter(ts => ts.isWildcardTeam)
     },
 
   }
diff --git a/src/views/PlayerView.vue b/src/views/PlayerView.vue
index 6a8e8bf..e2ac425 100644
--- a/src/views/PlayerView.vue
+++ b/src/views/PlayerView.vue
@@ -4,7 +4,7 @@
       <!-- Heading -->
       <div class="row">
         <div class="col-sm">
-          <h1 id="player-name">{{ playerName }}</h1>
+          <h1 id="player-name">{{ playerName }}{{ injuryReturnDate }}</h1>
           <h2 id="player-wara">{{ player?.wara }} sWAR</h2>
         </div>
 
@@ -19,25 +19,15 @@
 
       <div class="row">
         <div class="col-sm-auto">
-          <img style="max-height:485px; max-width: 100%;" id="team-image"
-            src="https://cdn.discordapp.com/attachments/953450064985088040/1070303195361984553/PrSBA8r_d.webp"
-            alt="Mussels">
-          <p><a id="bbref-link" target="_blank"
-              href="https://www.baseball-reference.com/search/search.fcgi?search=Fernando Tatis Jr">Baseball Reference
-              Page</a></p>
+          <img style="max-height:485px; max-width: 100%;" id="team-image" :src="playerImageUrl" :alt="playerName">
+          <p><a id="bbref-link" target="_blank" :href="baseballReferenceUrl">Baseball Reference Page</a></p>
         </div>
 
         <div class="col-sm-auto">
-          <img style="max-height:485px; max-width: 100%;" id="card-image"
-            src="https://sombaseball.ddns.net/cards/2021/fernando-tatis-jr.png">
-          <img id="card2-image" style="max-width:100%">
-        </div>
-      </div>
-
-      <!-- Injured Block -->
-      <div class="row" id="injured-block" hidden=false>
-        <div class="col-sm-12">
-          <h1 id="injured-return" style="color: red">INJURED - RETURN DATE: </h1>
+          <img v-if="playerCardImage1Url" style="max-height:485px; max-width: 100%;" id="card-image"
+            :src="playerCardImage1Url">
+          <img v-if="playerCardImage2Url" style="max-height:485px; max-width: 100%;" id="card-image"
+            :src="playerCardImage2Url">
         </div>
       </div>
 
@@ -123,7 +113,7 @@
               </thead>
               <tbody id="batter-summary-helper">
                 <tr>
-                  <td>3p80</td>
+                  <td>{{ injuryRating }}</td>
                 </tr>
               </tbody>
             </table>
@@ -1210,12 +1200,39 @@ export default {
     playerName: { type: String, required: true }
   },
   computed: {
+    isAuthorized(): boolean {
+      //TODO check discord oauth/cookie/token
+      return true
+    },
     teamAbbreviation(): string | undefined {
       console.log('abbrev', this.player?.team?.abbrev)
       return this.player?.team?.abbrev
     },
     teamThumbnail(): string | undefined {
       return this.player?.team?.thumbnail
+    },
+    baseballReferenceUrl(): string | undefined {
+      if (!this.player?.bbref_id) return undefined
+      const firstChar = this.player.bbref_id.slice(0, 1)
+      return `https://www.baseball-reference.com/players/${firstChar}/${this.player.bbref_id}.shtml`
+    },
+    playerImageUrl(): string | undefined {
+      return this.player?.vanity_card ?? this.teamThumbnail
+    },
+    playerCardImage1Url(): string | undefined {
+      if (!this.isAuthorized) return undefined
+      return this.player?.image
+    },
+    playerCardImage2Url(): string | undefined {
+      if (!this.isAuthorized) return undefined
+      return this.player?.image2
+    },
+    injuryReturnDate(): string | undefined {
+      if (!this.player?.il_return) return undefined
+      return ` 🏥 (${this.player.il_return})`
+    },
+    injuryRating(): string | undefined {
+      return this.player?.injury_rating
     }
   },
   created() {
diff --git a/src/views/TeamView.vue b/src/views/TeamView.vue
index 1743dff..d83e92a 100644
--- a/src/views/TeamView.vue
+++ b/src/views/TeamView.vue
@@ -52,7 +52,7 @@
                     {{ player.name }}
                   </RouterLink>
                 </td>
-                <td>{{ player.wara }}</td>
+                <td>{{ player.wara.toFixed(2) }}</td>
                 <td>{{ player.injury_rating }}</td>
                 <td>{{ allPositions(player) }}</td>
               </tr>
@@ -80,7 +80,7 @@
               <tr>
                 <th>Pos</th>
                 <th>Name</th>
-                <th>WARa</th>
+                <th>sWAR</th>
                 <th>Inj Return</th>
                 <th>Positions</th>
               </tr>
@@ -93,7 +93,7 @@
                     {{ player.name }}
                   </RouterLink>
                 </td>
-                <td>{{ player.wara }}</td>
+                <td>{{ player.wara.toFixed(2) }}</td>
                 <td>{{ player.il_return }}</td>
                 <td>{{ allPositions(player) }}</td>
               </tr>
@@ -107,7 +107,7 @@
               <tr>
                 <th>Pos</th>
                 <th>Name</th>
-                <th>WARa</th>
+                <th>sWAR</th>
                 <th>Inj Return</th>
                 <th>Positions</th>
               </tr>
@@ -120,7 +120,7 @@
                     {{ player.name }}
                   </RouterLink>
                 </td>
-                <td>{{ player.wara }}</td>
+                <td>{{ player.wara.toFixed(2) }}</td>
                 <td>{{ player.il_return }}</td>
                 <td>{{ allPositions(player) }}</td>
               </tr>
@@ -237,7 +237,7 @@ export default {
       this.teamMinors = await fetchTeam(this.seasonNumber, `${this.teamAbbreviation}MiL`)
       this.teamInjuredList = await fetchTeam(this.seasonNumber, `${this.teamAbbreviation}IL`)
 
-      this.teamStanding = (await fetchStandings(this.seasonNumber - 1)).find(ts => ts.teamName === this.team?.sname)
+      this.teamStanding = (await fetchStandings(this.seasonNumber)).find(ts => ts.teamName === this.team?.sname)
       this.weekNumber = (await fetchCurrentLeagueInfo()).week
 
       this.players = await fetchPlayersByTeam(this.seasonNumber, this.team?.id)
@@ -245,7 +245,6 @@ export default {
       this.playersInjuredList = await fetchPlayersByTeam(this.seasonNumber, this.teamInjuredList?.id)
 
       this.transactions = (await fetchTransactionsByTeamAndWeek(this.seasonNumber, this.teamAbbreviation, this.transactionsWeekNumber!))
-      console.log(this.transactions)
     },
     allPositions(player: Player): string {
       let positions = []
diff --git a/tsconfig.json b/tsconfig.json
index 8d23599..00b1765 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,16 +1,23 @@
 {
   "extends": "@vue/tsconfig/tsconfig.web.json",
-  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+  "include": [
+    "env.d.ts",
+    "src/**/*",
+    "src/**/*.vue"
+  ],
   "compilerOptions": {
     "baseUrl": ".",
+    "target": "ES6",
+    "module": "NodeNext",
     "paths": {
-      "@/*": ["./src/*"]
+      "@/*": [
+        "./src/*"
+      ]
     }
   },
-
   "references": [
     {
       "path": "./tsconfig.config.json"
     }
   ]
-}
+}
\ No newline at end of file