From 28a2697d58245f64f1481e68fdd41d42b7745af5 Mon Sep 17 00:00:00 2001
From: ConorMaley <maleyconor@gmail.com>
Date: Thu, 17 Aug 2023 20:33:45 -0400
Subject: [PATCH 1/5] add team name modal

---
 app/components/App.tsx             |  3 ++
 app/components/Settings.tsx        | 20 ++++++++---
 app/components/TeamNameModal.tsx   | 56 ++++++++++++++++++++++++++++++
 app/components/TeamPicks.tsx       |  2 +-
 app/lib/models/Team.ts             |  1 +
 app/lib/store/actions/index.tsx    |  2 ++
 app/lib/store/actions/teams.tsx    | 18 ++++++++++
 app/lib/store/reducers/index.tsx   |  8 ++++-
 app/lib/store/reducers/players.tsx |  2 +-
 app/lib/store/reducers/teams.tsx   | 20 +++++++++--
 app/lib/store/store.tsx            | 13 +++++--
 app/pages/styles.css               |  8 ++++-
 12 files changed, 139 insertions(+), 14 deletions(-)
 create mode 100644 app/components/TeamNameModal.tsx

diff --git a/app/components/App.tsx b/app/components/App.tsx
index f9d047a..3656da9 100644
--- a/app/components/App.tsx
+++ b/app/components/App.tsx
@@ -8,6 +8,7 @@ import PlayerTableContainer from './PlayerTableContainer';
 import RosterModal from './RosterModal';
 import ScoringModal from './ScoringModal';
 import Settings from './Settings';
+import TeamNameModal from './TeamNameModal';
 import TeamPicks from './TeamPicks';
 
 interface IState {
@@ -43,6 +44,7 @@ export default class App extends React.Component<{}, IState> {
 
           <RosterModal />
           <ScoringModal />
+          <TeamNameModal />
         </div>
       );
     }
@@ -60,6 +62,7 @@ export default class App extends React.Component<{}, IState> {
         </div>
         <RosterModal />
         <ScoringModal />
+        <TeamNameModal />
       </div>
     );
   }
diff --git a/app/components/Settings.tsx b/app/components/Settings.tsx
index bb2ca89..80a8c99 100644
--- a/app/components/Settings.tsx
+++ b/app/components/Settings.tsx
@@ -6,7 +6,7 @@ import { connect } from 'react-redux';
 import { IPlayer } from '../lib/models/Player';
 import { resetDraft } from '../lib/store/actions/players';
 import { setScoreFormat, toggleScoringFormatting } from '../lib/store/actions/scoring';
-import { setNumberOfTeams, setTrackedTeam, toggleRosterFormatting } from '../lib/store/actions/teams';
+import { setNumberOfTeams, setTrackedTeam, toggleRosterFormatting, toggleTeamNameUpdates } from '../lib/store/actions/teams';
 import { IStoreState } from '../lib/store/store';
 
 interface IProps {
@@ -16,8 +16,10 @@ interface IProps {
   setNumberOfTeams: (count: number) => void;
   setScoring: (scoring: IScoring) => void;
   setTrackedTeam: (team: number) => void;
+  teamNames: string[];
   toggleRosterFormatting: () => void;
   toggleScoringFormatting: () => void;
+  toggleTeamNameUpdates: () => void;
   trackedTeam: number;
   undraftedPlayers: IPlayer[];
 }
@@ -40,7 +42,7 @@ class Settings extends React.Component<IProps, IState> {
   };
 
   public render() {
-    const { numberOfTeams } = this.props;
+    const { numberOfTeams, teamNames } = this.props;
     const { open } = this.state;
 
     // an array with the allowable number of teams: [6, 16]
@@ -60,7 +62,7 @@ class Settings extends React.Component<IProps, IState> {
               Your team
               <Select className="Settings-Select" onChange={this.props.setTrackedTeam} value={this.props.trackedTeam}>
                 {new Array(numberOfTeams).fill(0).map((_, i) => (
-                  <Select.Option key={`Pick-Selection-${i}`} value={i}>{`Team ${i + 1}`}</Select.Option>
+                  <Select.Option key={`Pick-Selection-${i}`} value={i}>{teamNames[i]}</Select.Option>
                 ))}
               </Select>
             </label>
@@ -106,6 +108,14 @@ class Settings extends React.Component<IProps, IState> {
                 </Button>
               </Tooltip>
             </label>
+            
+            <label>
+              <Tooltip title="Change Team Names">
+                <Button className="options-left" onClick={this.props.toggleTeamNameUpdates}>
+                  Team Names
+                </Button>
+              </Tooltip>
+            </label>
 
             <label>
               <Tooltip title="Download stats CSV">
@@ -145,9 +155,10 @@ class Settings extends React.Component<IProps, IState> {
   };
 }
 
-const mapStateToProps = ({ numberOfTeams, scoring, trackedTeam, undraftedPlayers }: IStoreState) => ({
+const mapStateToProps = ({ numberOfTeams, scoring, teams, trackedTeam, undraftedPlayers, }: IStoreState) => ({
   numberOfTeams,
   scoring,
+  teamNames: teams.map(team => team.name),
   trackedTeam,
   undraftedPlayers,
 });
@@ -159,6 +170,7 @@ const mapDispathToProps = (dispatch: any) => ({
   setTrackedTeam: (index: number) => dispatch(setTrackedTeam(index)),
   toggleRosterFormatting: () => dispatch(toggleRosterFormatting()),
   toggleScoringFormatting: () => dispatch(toggleScoringFormatting()),
+  toggleTeamNameUpdates: () => dispatch(toggleTeamNameUpdates()),
 });
 
 export default connect(mapStateToProps, mapDispathToProps)(Settings);
diff --git a/app/components/TeamNameModal.tsx b/app/components/TeamNameModal.tsx
new file mode 100644
index 0000000..34ff833
--- /dev/null
+++ b/app/components/TeamNameModal.tsx
@@ -0,0 +1,56 @@
+import { Input, Modal } from 'antd';
+import { setTeamName, toggleTeamNameUpdates } from 'lib/store/actions/teams';
+import * as React from 'react';
+import { connect } from 'react-redux';
+import { IStoreState } from '../lib/store/store';
+
+interface IProps {
+  teamNames: string[];
+  updatingTeamNames: boolean;
+  dispatchSetTeamName: (teamIndex: number, name: string) => void;
+  toggleTeamNameUpdates: () => void;
+}
+
+/**
+ * Modal for updating team names
+ */
+class TeamNameModal extends React.Component<IProps> {
+
+  public render() {
+    const { teamNames, updatingTeamNames, toggleTeamNameUpdates, dispatchSetTeamName } = this.props;
+
+    return (
+      // @ts-ignore
+      <Modal
+        title="Change team names"
+        open={updatingTeamNames}
+        onOk={toggleTeamNameUpdates}
+        onCancel={toggleTeamNameUpdates}>
+        <>
+          {
+            teamNames.map((teamName, index) => (
+              <Input 
+                key={`team-name-input-${index}`} 
+                className='team-name-input'
+                defaultValue={teamName} 
+                onBlur={(e) => dispatchSetTeamName(index, e.currentTarget.value.trim() || `Team ${index}`)} 
+              />
+            ))
+          }
+        </>
+      </Modal>
+    );
+  }
+}
+
+const mapStateToProps = ({ teams, updatingTeamNames }: IStoreState) => ({
+  teamNames: teams.map(team => team.name),
+  updatingTeamNames
+});
+
+const mapDispathToProps = (dispatch: any) => ({
+  dispatchSetTeamName: (teamIndex: number, name: string) => dispatch(setTeamName(teamIndex, name)),
+  toggleTeamNameUpdates: () => dispatch(toggleTeamNameUpdates()),
+});
+
+export default connect(mapStateToProps, mapDispathToProps)(TeamNameModal);
diff --git a/app/components/TeamPicks.tsx b/app/components/TeamPicks.tsx
index 002c626..15f2d96 100644
--- a/app/components/TeamPicks.tsx
+++ b/app/components/TeamPicks.tsx
@@ -62,7 +62,7 @@ class TeamPicks extends React.Component<IProps, State> {
         <div className="Pick-Section">
           <header>
             <h3>Starters</h3>
-            <p>{`Team ${trackedTeam + 1}`}</p>
+            <p>{teams[trackedTeam].name}</p>
           </header>
 
           <div className="Pick-Column">
diff --git a/app/lib/models/Team.ts b/app/lib/models/Team.ts
index bcdc185..372a541 100644
--- a/app/lib/models/Team.ts
+++ b/app/lib/models/Team.ts
@@ -21,6 +21,7 @@ export interface IRoster {
  * A team comprised of players
  */
 export interface ITeam {
+  name: string;
   QB: NullablePlayer[];
   RB: NullablePlayer[];
   WR: NullablePlayer[];
diff --git a/app/lib/store/actions/index.tsx b/app/lib/store/actions/index.tsx
index c734f50..e02a6c4 100644
--- a/app/lib/store/actions/index.tsx
+++ b/app/lib/store/actions/index.tsx
@@ -7,6 +7,7 @@ export const ACTION_TYPES = {
   SET_ACTIVE_TEAM: 'SET_ACTIVE_TEAM',
   SET_NUMBER_OF_TEAMS: 'SET_NUMBER_OF_TEAMS',
   SET_PICK: 'SET_PICK',
+  SET_TEAM_NAME: 'SET_TEAM_NAME',
   INIT_STORE: 'SET_PLAYERS',
   SET_ROSTER_FORMAT: 'SET_ROSTER_FORMAT',
   SET_SCORE_FORMAT: 'SET_SCORE_FORMAT',
@@ -14,6 +15,7 @@ export const ACTION_TYPES = {
   SKIP_PICK: 'SKIP_PICK',
   TOGGLE_ROSTER_FORMATTING: 'TOGGLE_ROSTER_FORMATTING',
   TOGGLE_SCORE_FORMATTING: 'TOGGLE_SCORE_FORMATTING',
+  TOGGLE_TEAM_NAME_UPDATES: 'TOGGLE_TEAM_NAME_UPDATES',
   UNDO_LAST: 'UNDO_LAST',
   UNDO_PICK: 'UNDO_PICK',
 };
diff --git a/app/lib/store/actions/teams.tsx b/app/lib/store/actions/teams.tsx
index d39cd1a..ee2890f 100644
--- a/app/lib/store/actions/teams.tsx
+++ b/app/lib/store/actions/teams.tsx
@@ -76,9 +76,27 @@ export const setActiveTeam = (activeTeam: number) => ({
   type: ACTION_TYPES.SET_ACTIVE_TEAM,
 });
 
+/**
+ * Update a specific team's name 
+ * @param teamIndex index of the team you want to update
+ * @param name new team name
+ */
+export const setTeamName = (teamIndex: number, name: string) => ({
+  teamIndex,
+  name,
+  type: ACTION_TYPES.SET_TEAM_NAME,
+})
+
 /**
  * Toggle roster formatting. will open a modal for selecting number at each position
  */
 export const toggleRosterFormatting = () => ({
   type: ACTION_TYPES.TOGGLE_ROSTER_FORMATTING,
 });
+
+/**
+ * Toggle roster formatting. will open a modal for selecting number at each position
+ */
+export const toggleTeamNameUpdates = () => ({
+  type: ACTION_TYPES.TOGGLE_TEAM_NAME_UPDATES,
+});
diff --git a/app/lib/store/reducers/index.tsx b/app/lib/store/reducers/index.tsx
index c7991bf..7fdf5b9 100644
--- a/app/lib/store/reducers/index.tsx
+++ b/app/lib/store/reducers/index.tsx
@@ -2,7 +2,7 @@ import { ACTION_TYPES } from '../actions';
 import { initialState, IStoreState } from '../store';
 import { removePlayer, initStore, setRosterFormat, undoLast, undoPick } from './players';
 import { setScoreFormat } from './scoring';
-import { incrementDraft, pickPlayer, resetDraft, setNumberOfTeams, setPick, setTrackedTeam, skipPick } from './teams';
+import { incrementDraft, pickPlayer, resetDraft, setNumberOfTeams, setPick, setTeamName, setTrackedTeam, skipPick } from './teams';
 
 export default (state = initialState, action: any): IStoreState => {
   switch (action.type) {
@@ -39,6 +39,9 @@ export default (state = initialState, action: any): IStoreState => {
     case ACTION_TYPES.SET_SCORE_FORMAT: {
       return setScoreFormat(state, action.scoring);
     }
+    case ACTION_TYPES.SET_TEAM_NAME: {
+      return setTeamName(state, action.teamIndex, action.name);
+    }
     case ACTION_TYPES.SET_TRACKED_TEAM: {
       return setTrackedTeam(state, action.trackedTeam);
     }
@@ -51,6 +54,9 @@ export default (state = initialState, action: any): IStoreState => {
     case ACTION_TYPES.TOGGLE_SCORE_FORMATTING: {
       return { ...state, formattingScoring: !state.formattingScoring };
     }
+    case ACTION_TYPES.TOGGLE_TEAM_NAME_UPDATES: {
+      return { ...state, updatingTeamNames: !state.updatingTeamNames };
+    }
     case ACTION_TYPES.UNDO_LAST: {
       return undoLast(state);
     }
diff --git a/app/lib/store/reducers/players.tsx b/app/lib/store/reducers/players.tsx
index 8f0064e..39fb23e 100644
--- a/app/lib/store/reducers/players.tsx
+++ b/app/lib/store/reducers/players.tsx
@@ -20,7 +20,7 @@ export const initStore = (state: IStoreState, players: IPlayer[]) =>
     lastSyncPlayers: players,
     players: players,
     picks: [],
-    teams: new Array(state.numberOfTeams).fill(0).map(() => createTeam(state.rosterFormat)),
+    teams: new Array(state.numberOfTeams).fill(0).map((value, index) => createTeam(state.rosterFormat, `Team ${index}`)),
     undraftedPlayers: players,
   });
 
diff --git a/app/lib/store/reducers/teams.tsx b/app/lib/store/reducers/teams.tsx
index f45730f..cc35357 100644
--- a/app/lib/store/reducers/teams.tsx
+++ b/app/lib/store/reducers/teams.tsx
@@ -138,22 +138,36 @@ export const resetDraft = (store: IStoreState) => initStore(store, store.lastSyn
  * Update the tracked team on the left side of the app
  */
 export const setTrackedTeam = (state: IStoreState, trackedTeam: number): IStoreState => {
+  const { teams } = state;
   // create a toast
   if (trackedTeam !== state.trackedTeam) {
-    toast.info(`Tracking Team ${trackedTeam + 1}`);
+    toast.info(`Tracking ${ teams[trackedTeam].name }`);
   }
 
   return { ...state, trackedTeam };
 };
 
+export const setTeamName = (state: IStoreState, teamIndex: number, name: string): IStoreState => {
+  const { teams } = state;
+
+  if(!teams[teamIndex].name) {
+    console.warn(`Cannot update team index ${teamIndex}`);
+    return state;
+  }
+
+  teams[teamIndex].name = name;
+
+  return { ...state, teams };
+}
+
 /**
  * Update the number of teams and recalculate VOR for the players.
  */
 export const setNumberOfTeams = (state: IStoreState, numberOfTeams: number): IStoreState => {
-  const { picks, rosterFormat, trackedTeam } = state;
+  const { picks, rosterFormat, trackedTeam, teams } = state;
 
   // create new teams with empty rosters
-  let newTeams = new Array(numberOfTeams).fill(0).map(() => createTeam(rosterFormat));
+  let newTeams = new Array(numberOfTeams).fill(0).map((value, index) => createTeam(rosterFormat, teams[0]?.name || `Team ${index}`));
 
   // given the new team count, update each pick and destination team
   const newPicks: IPick[] = [];
diff --git a/app/lib/store/store.tsx b/app/lib/store/store.tsx
index 8e733ad..35907eb 100644
--- a/app/lib/store/store.tsx
+++ b/app/lib/store/store.tsx
@@ -100,12 +100,18 @@ export interface IStoreState {
    * An array of players that have yet to be drafted
    */
   undraftedPlayers: IPlayer[];
+
+  /**
+   * Whether the app is currently in a state of updating team names
+   */
+  updatingTeamNames: boolean;
 }
 
 /**
  * Create an emptyTeam without any drafted players
  */
-export const createTeam = (rosterFormat: IRoster): ITeam => ({
+export const createTeam = (rosterFormat: IRoster, name: string): ITeam => ({
+  name: name,
   BENCH: new Array(rosterFormat.BENCH).fill(null),
   DST: new Array(rosterFormat.DST).fill(null),
   FLEX: new Array(rosterFormat.FLEX).fill(null),
@@ -173,16 +179,17 @@ export const initialState = {
   lastPickedPlayer: null,
   lastSync: -1,
   lastSyncPlayers: [],
-  numberOfTeams: 10,
+  numberOfTeams: 12,
   picks: [],
   players: [],
   ppr: false,
   rosterFormat: initialRoster,
   scoring: initialScore,
   selectedPlayer: null,
-  teams: new Array(10).fill(0).map(() => createTeam(initialRoster)), // doing 10 empty teams by default
+  teams: new Array(10).fill(0).map((value, _index) => createTeam(initialRoster, `Team ${_index}`)), // doing 10 empty teams by default
   trackedTeam: 0, // team to track in TeamPicks
   undraftedPlayers: [],
+  updatingTeamNames: false,
 };
 
 const persistConfig = {
diff --git a/app/pages/styles.css b/app/pages/styles.css
index 00b92d8..e9745cb 100644
--- a/app/pages/styles.css
+++ b/app/pages/styles.css
@@ -859,8 +859,14 @@ i.Grayed {
   width: 55px;
 }
 
-/* Settings */
+/* Team Name Modal */
+.team-name-input {
+  margin-top: 12px;
+  width: 33%;
+  margin-right: 1px;
+}
 
+/* Settings */
 .Settings-Select {
   width: 120px;
   margin-left: auto;

From 98612d62a96f59cc037f90a6b8df24fb72dd39f6 Mon Sep 17 00:00:00 2001
From: ConorMaley <maleyconor@gmail.com>
Date: Thu, 17 Aug 2023 21:01:34 -0400
Subject: [PATCH 2/5] close team name modal properly

---
 app/components/TeamNameModal.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/app/components/TeamNameModal.tsx b/app/components/TeamNameModal.tsx
index 34ff833..b036046 100644
--- a/app/components/TeamNameModal.tsx
+++ b/app/components/TeamNameModal.tsx
@@ -1,4 +1,4 @@
-import { Input, Modal } from 'antd';
+import { Button, Input, Modal } from 'antd';
 import { setTeamName, toggleTeamNameUpdates } from 'lib/store/actions/teams';
 import * as React from 'react';
 import { connect } from 'react-redux';
@@ -24,8 +24,13 @@ class TeamNameModal extends React.Component<IProps> {
       <Modal
         title="Change team names"
         open={updatingTeamNames}
-        onOk={toggleTeamNameUpdates}
-        onCancel={toggleTeamNameUpdates}>
+        closeIcon={false}
+        onCancel={toggleTeamNameUpdates}
+        footer={
+          <Button key="submit" size="large" type="primary" onClick={toggleTeamNameUpdates}>
+            Ok
+          </Button>
+        }>
         <>
           {
             teamNames.map((teamName, index) => (

From 97863415d040f272c2016e62eca8d490c41484be Mon Sep 17 00:00:00 2001
From: ConorMaley <maleyconor@gmail.com>
Date: Thu, 17 Aug 2023 21:09:59 -0400
Subject: [PATCH 3/5] fix team number update bug with names

---
 app/lib/store/reducers/teams.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/lib/store/reducers/teams.tsx b/app/lib/store/reducers/teams.tsx
index cc35357..3571188 100644
--- a/app/lib/store/reducers/teams.tsx
+++ b/app/lib/store/reducers/teams.tsx
@@ -167,7 +167,7 @@ export const setNumberOfTeams = (state: IStoreState, numberOfTeams: number): ISt
   const { picks, rosterFormat, trackedTeam, teams } = state;
 
   // create new teams with empty rosters
-  let newTeams = new Array(numberOfTeams).fill(0).map((value, index) => createTeam(rosterFormat, teams[0]?.name || `Team ${index}`));
+  let newTeams = new Array(numberOfTeams).fill(0).map((value, index) => createTeam(rosterFormat, teams[index]?.name || `Team ${index}`));
 
   // given the new team count, update each pick and destination team
   const newPicks: IPick[] = [];

From 2224bd6fc94f1c9d684bcac19b6cf626ac35ff2f Mon Sep 17 00:00:00 2001
From: ConorMaley <maleyconor@gmail.com>
Date: Thu, 17 Aug 2023 21:27:42 -0400
Subject: [PATCH 4/5] update team name modal styling

---
 app/components/TeamNameModal.tsx   | 19 +++++++++++--------
 app/lib/store/reducers/players.tsx |  2 +-
 app/lib/store/reducers/teams.tsx   |  2 +-
 app/lib/store/store.tsx            |  2 +-
 app/pages/styles.css               | 11 +++++++++--
 5 files changed, 23 insertions(+), 13 deletions(-)

diff --git a/app/components/TeamNameModal.tsx b/app/components/TeamNameModal.tsx
index b036046..eca8c45 100644
--- a/app/components/TeamNameModal.tsx
+++ b/app/components/TeamNameModal.tsx
@@ -31,18 +31,21 @@ class TeamNameModal extends React.Component<IProps> {
             Ok
           </Button>
         }>
-        <>
+        <div className="team-name-modal-container">
           {
             teamNames.map((teamName, index) => (
-              <Input 
-                key={`team-name-input-${index}`} 
-                className='team-name-input'
-                defaultValue={teamName} 
-                onBlur={(e) => dispatchSetTeamName(index, e.currentTarget.value.trim() || `Team ${index}`)} 
-              />
+              <div className="team-name-container">
+                <label>{index + 1}</label>
+                <Input 
+                  key={`team-name-input-${index}`} 
+                  className="team-name-input"
+                  defaultValue={teamName} 
+                  onBlur={(e) => dispatchSetTeamName(index, e.currentTarget.value.trim() || `Team ${index}`)} 
+                />
+              </div>
             ))
           }
-        </>
+        </div>
       </Modal>
     );
   }
diff --git a/app/lib/store/reducers/players.tsx b/app/lib/store/reducers/players.tsx
index 39fb23e..ffbce68 100644
--- a/app/lib/store/reducers/players.tsx
+++ b/app/lib/store/reducers/players.tsx
@@ -20,7 +20,7 @@ export const initStore = (state: IStoreState, players: IPlayer[]) =>
     lastSyncPlayers: players,
     players: players,
     picks: [],
-    teams: new Array(state.numberOfTeams).fill(0).map((value, index) => createTeam(state.rosterFormat, `Team ${index}`)),
+    teams: new Array(state.numberOfTeams).fill(0).map((value, index) => createTeam(state.rosterFormat, `Team ${index + 1}`)),
     undraftedPlayers: players,
   });
 
diff --git a/app/lib/store/reducers/teams.tsx b/app/lib/store/reducers/teams.tsx
index 3571188..0a66245 100644
--- a/app/lib/store/reducers/teams.tsx
+++ b/app/lib/store/reducers/teams.tsx
@@ -167,7 +167,7 @@ export const setNumberOfTeams = (state: IStoreState, numberOfTeams: number): ISt
   const { picks, rosterFormat, trackedTeam, teams } = state;
 
   // create new teams with empty rosters
-  let newTeams = new Array(numberOfTeams).fill(0).map((value, index) => createTeam(rosterFormat, teams[index]?.name || `Team ${index}`));
+  let newTeams = new Array(numberOfTeams).fill(0).map((value, index) => createTeam(rosterFormat, teams[index]?.name || `Team ${index + 1}`));
 
   // given the new team count, update each pick and destination team
   const newPicks: IPick[] = [];
diff --git a/app/lib/store/store.tsx b/app/lib/store/store.tsx
index 35907eb..3bf02f7 100644
--- a/app/lib/store/store.tsx
+++ b/app/lib/store/store.tsx
@@ -186,7 +186,7 @@ export const initialState = {
   rosterFormat: initialRoster,
   scoring: initialScore,
   selectedPlayer: null,
-  teams: new Array(10).fill(0).map((value, _index) => createTeam(initialRoster, `Team ${_index}`)), // doing 10 empty teams by default
+  teams: new Array(10).fill(0).map((value, index) => createTeam(initialRoster, `Team ${index + 1}`)), // doing 10 empty teams by default
   trackedTeam: 0, // team to track in TeamPicks
   undraftedPlayers: [],
   updatingTeamNames: false,
diff --git a/app/pages/styles.css b/app/pages/styles.css
index e9745cb..9e447ab 100644
--- a/app/pages/styles.css
+++ b/app/pages/styles.css
@@ -860,10 +860,17 @@ i.Grayed {
 }
 
 /* Team Name Modal */
+.team-name-modal-container {
+  display: flex;
+  flex-direction: column;
+}
+.team-name-container {
+  display: flex;
+  align-items: flex-end;
+}
 .team-name-input {
   margin-top: 12px;
-  width: 33%;
-  margin-right: 1px;
+  width: 235px;
 }
 
 /* Settings */

From 5f1822f24251c2721758e41cafeb078232b698b5 Mon Sep 17 00:00:00 2001
From: ConorMaley <maleyconor@gmail.com>
Date: Thu, 17 Aug 2023 21:36:31 -0400
Subject: [PATCH 5/5] remove name when removing player from roster

---
 app/lib/store/reducers/players.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/lib/store/reducers/players.tsx b/app/lib/store/reducers/players.tsx
index ffbce68..448cd55 100644
--- a/app/lib/store/reducers/players.tsx
+++ b/app/lib/store/reducers/players.tsx
@@ -40,7 +40,7 @@ export const removePlayer = (state: IStoreState, player: IPlayer): IStoreState =
  */
 const removeFromRoster = (roster: ITeam, player: IPlayer): ITeam => {
   // @ts-ignore
-  return Object.keys(roster).reduce(
+  return Object.keys(roster).filter(value => value !== 'name').reduce( // kinda janky with the filter
     (acc: ITeam, pos) => ({
       ...acc,
       // @ts-ignore