Added .env file.

src/authentication/AuthContext.tsx

@@ -1,5 +1,5 @@
 import React, { createContext, useContext, useState, useEffect } from 'react';
-import { API_URL } from '../../env';
+const API_URL = import.meta.env.VITE_API_URL;
 
 interface AuthState {
   isAuthenticated: boolean;

src/components/DraftRoom/DraftContext.tsx

@@ -1,8 +1,9 @@
 import React, { createContext, useContext, useEffect, useState } from 'react';
 import { io, Socket } from 'socket.io-client';
 import { addPlayer, shiftPlayer, DraftRoster, Player } from '../../utils/draft';
-import { API_URL, SERVER_URL } from '../../../env';
 import { useAuth } from '../../authentication/AuthContext';
+const API_URL = import.meta.env.VITE_API_URL;
+const SERVER_URL = import.meta.env.VITE_SERVER_URL;
 
 interface SocketContextProps {
   children: React.ReactNode;

src/components/DraftRoom/RosterPickList.tsx

@@ -1,10 +1,10 @@
 import '../../css/draftRoom/rosterPickList.css';
 import React, { useEffect, useState, useRef } from 'react';
-import { API_URL } from '../../../env';
 import { useAuth } from '../../authentication/AuthContext';
 import { useDraft } from './DraftContext';
 import { User } from '../../utils/users';
 import { FaChevronDown } from 'react-icons/fa';
+const API_URL = import.meta.env.VITE_API_URL;
 
 const RosterPickList = () => {
 

src/components/DraftRoom/center/PlayersTable.tsx

@@ -2,9 +2,9 @@ import '../../../css/draftRoom/center/playersTable.css';
 import React, { useEffect, useState } from 'react';
 import { useDraft } from '../DraftContext';
 import { useAuth } from '../../../authentication/AuthContext';
-import { API_URL } from '../../../../env';
 import { addPlayer, PlayerPreviousSeasonStats } from '../../../utils/draft';
 import OutlinedRoundedButton from '../../buttons/OutlinedRoundedButton';
+const API_URL = import.meta.env.VITE_API_URL;
 
 const PlayersTable = () => {
 

src/components/DraftRoom/header/DraftHeader.tsx

@@ -1,10 +1,10 @@
 import React, { useEffect, useState } from 'react';
-import { API_URL } from '../../../../env';
 import { useDraft } from '../DraftContext';
 import { capitalizeWords } from '../../../utils/wordCapitalizer';
 import '../../../css/draftHeader.css';
 import '../../../css/chatRoom.css';
 import ChatRoom from '../ChatRoom';
+const API_URL = import.meta.env.VITE_API_URL;
 
 const DraftHeader = () => {
 

src/pages/CreateMockDraft.tsx

@@ -4,8 +4,8 @@ import { useAuth } from "../authentication/AuthContext";
 import PickList from "../components/PickList";
 import OutlinedButton from "../components/buttons/OutlinedButton";
 import RoundedButton from "../components/buttons/RoundedButton";
-import { API_URL } from "../../env";
 import { useNavigate } from 'react-router-dom';
+const API_URL = import.meta.env.VITE_API_URL;
 
 const ConfigureMockDraft = () => {
     const navigate = useNavigate();

src/pages/DraftsPage.tsx

@@ -2,10 +2,10 @@ import '../css/mockDrafts.css';
 import RoundedButton from '../components/buttons/RoundedButton';
 import { useNavigate } from 'react-router-dom'; // Import useNavigate
 import React, { useState, useEffect } from 'react';
-import { API_URL } from '../../env';
 import { useAuth } from '../authentication/AuthContext';
 import {BsChevronDoubleLeft} from 'react-icons/bs';
 import {BsChevronDoubleRight} from 'react-icons/bs';
+const API_URL = import.meta.env.VITE_API_URL;
 
 interface DraftInfo {
   user_id: number,

src/pages/LoginPage.tsx

@@ -3,8 +3,8 @@ import '../css/signupPage.css'
 import React, { useState, useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
 import TextInput from "../components/TextInput";
-import { API_URL } from '../../env';
 import { useAuth } from '../authentication/AuthContext';
+const API_URL = import.meta.env.VITE_API_URL;
 
 const LoginPage = () => {
     const [name, setName] = useState("");

src/pages/SignupPage.tsx

@@ -1,10 +1,10 @@
 import '../css/signupPage.css'
 import React, { useState, useEffect } from 'react';
 import TextInput from "../components/TextInput";
-import { API_URL } from '../../env';
 import { useAuth } from '../authentication/AuthContext';
 import { IoMdCheckmark } from 'react-icons/io';
 import { useNavigate } from 'react-router-dom';
+const API_URL = import.meta.env.VITE_API_URL;
 
 const SignupPage = () => {
   const navigate = useNavigate();

src/vite-env.d.ts

@@ -1 +1,7 @@
 /// <reference types="vite/client" />
+// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+    VITE_API_URL: string;
+    // Add other environment variables here as needed
+  }

vite-env.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+    VITE_API_URL: string;
+    // Add other environment variables here as needed
+  }