From 2c24d8fc376c4f46ad6c64b47c147d96be1e4591 Mon Sep 17 00:00:00 2001
From: aaravbajaj012 <97072650+aaravbajaj012@users.noreply.github.com>
Date: Fri, 26 Jan 2024 22:04:08 -0500
Subject: [PATCH] formatting and build errors fix

---
 .github/workflows/main.yml                |  23 ++-
 src/pages/admin/index.tsx                 | 110 ++++++++++-----
 src/pages/api/admin/modify-permissions.ts | 164 +++++++++++-----------
 src/pages/api/team/leave-team.ts          |   5 +-
 src/pages/api/user/activate_bot.ts        |   5 +-
 src/pages/api/user/match-request.ts       |  19 +--
 src/pages/auth/login.tsx                  |  40 +++---
 src/pages/getting_started.tsx             |  46 ++++--
 src/pages/leaderboard.tsx                 |  12 +-
 src/pages/team/[teamname].tsx             |  15 +-
 src/pages/team/index.tsx                  |  21 +--
 src/pages/user/profile.tsx                | 103 +++++++-------
 src/pages/user/scrimmages.tsx             |  35 +++--
 src/pages/user/submissions.tsx            |  20 +--
 14 files changed, 344 insertions(+), 274 deletions(-)

diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
index aab86b4..5d3d621 100644
--- a/.github/workflows/main.yml
+++ b/.github/workflows/main.yml
@@ -1,27 +1,26 @@
 name: remote ssh command
 on:
   push:
-    branches: [ "main" ]
+    branches: ['main']
   workflow_dispatch:
-  
-jobs:
 
+jobs:
   build:
     name: Build
     runs-on: ubuntu-latest
     steps:
-    - name: executing remote ssh commands using password
-      uses: appleboy/ssh-action@v0.1.7
-      with:
-        host: ${{ secrets.HOST }}
-        username: ${{ secrets.USERNAME }}
-        key: ${{ secrets.EC2_SSH_KEY }}
-        port: 22
-        script: |
+      - name: executing remote ssh commands using password
+        uses: appleboy/ssh-action@v0.1.7
+        with:
+          host: ${{ secrets.HOST }}
+          username: ${{ secrets.USERNAME }}
+          key: ${{ secrets.EC2_SSH_KEY }}
+          port: 22
+          script: |
             cd awap-dashboard-2024
             pm2 stop server
             pm2 delete server
             git pull
             sudo npm install
             sudo npm run build
-            pm2 start npm --name server -- run start
\ No newline at end of file
+            pm2 start npm --name server -- run start
diff --git a/src/pages/admin/index.tsx b/src/pages/admin/index.tsx
index 8e94b74..8c9ac7a 100644
--- a/src/pages/admin/index.tsx
+++ b/src/pages/admin/index.tsx
@@ -90,14 +90,14 @@ const Admin: NextPage = () => {
       });
   };
 
-  const modifyBracketSwitching = async (enabled : boolean) => {
-    await axios.post('/api/admin/modify-permissions', { bracket_switching: enabled })
+  const modifyBracketSwitching = async (enabled: boolean) => {
+    await axios
+      .post('/api/admin/modify-permissions', { bracket_switching: enabled })
       .then((response: AxiosResponse) => {
         if (response.status === 200) {
           const effect = enabled ? 'Enabled' : 'Disabled';
           toast.success(`Bracket Switching ${effect}!`);
-        }
-        else {
+        } else {
           toast.error('Unable to modify permission: Bracket Switching');
         }
       })
@@ -108,19 +108,23 @@ const Admin: NextPage = () => {
           toast.error('Unable to modify permission: Bracket Switching');
         }
       });
-  }
+  };
 
-  const enableBracketSwitching = async () => { modifyBracketSwitching(true); }
-  const disableBracketSwitching = async () => { modifyBracketSwitching(false); }
+  const enableBracketSwitching = async () => {
+    modifyBracketSwitching(true);
+  };
+  const disableBracketSwitching = async () => {
+    modifyBracketSwitching(false);
+  };
 
-  const modifyTeamModifications = async (enabled : boolean) => {
-    await axios.post('/api/admin/modify-permissions', { team_modifications: enabled })
+  const modifyTeamModifications = async (enabled: boolean) => {
+    await axios
+      .post('/api/admin/modify-permissions', { team_modifications: enabled })
       .then((response: AxiosResponse) => {
         if (response.status === 200) {
           const effect = enabled ? 'Enabled' : 'Disabled';
           toast.success(`Team Modifications ${effect}!`);
-        }
-        else {
+        } else {
           toast.error('Unable to modify permission: Team Modifications');
         }
       })
@@ -131,19 +135,23 @@ const Admin: NextPage = () => {
           toast.error('Unable to modify permission: Team Modifications');
         }
       });
-  }
+  };
 
-  const enableTeamModifications = async () => { modifyTeamModifications(true); }
-  const disableTeamModifications = async () => { modifyTeamModifications(false); }
+  const enableTeamModifications = async () => {
+    modifyTeamModifications(true);
+  };
+  const disableTeamModifications = async () => {
+    modifyTeamModifications(false);
+  };
 
-  const modifyScrimmageRequests = async (enabled : boolean) => {
-    await axios.post('/api/admin/modify-permissions', { scrimmage_requests: enabled })
+  const modifyScrimmageRequests = async (enabled: boolean) => {
+    await axios
+      .post('/api/admin/modify-permissions', { scrimmage_requests: enabled })
       .then((response: AxiosResponse) => {
         if (response.status === 200) {
           const effect = enabled ? 'Enabled' : 'Disabled';
           toast.success(`Scrimmage Requests ${effect}!`);
-        }
-        else {
+        } else {
           toast.error('Unable to modify permission: Scrimmage Requests');
         }
       })
@@ -154,19 +162,23 @@ const Admin: NextPage = () => {
           toast.error('Unable to modify permission: Scrimmage Requests');
         }
       });
-  }
+  };
 
-  const enableScrimmageRequests = async () => { modifyScrimmageRequests(true); }
-  const disableScrimmageRequests = async () => { modifyScrimmageRequests(false); }
+  const enableScrimmageRequests = async () => {
+    modifyScrimmageRequests(true);
+  };
+  const disableScrimmageRequests = async () => {
+    modifyScrimmageRequests(false);
+  };
 
-  const modifyCodeSubmissions = async (enabled : boolean) => {
-    await axios.post('/api/admin/modify-permissions', { code_submissions: enabled })
+  const modifyCodeSubmissions = async (enabled: boolean) => {
+    await axios
+      .post('/api/admin/modify-permissions', { code_submissions: enabled })
       .then((response: AxiosResponse) => {
         if (response.status === 200) {
           const effect = enabled ? 'Enabled' : 'Disabled';
           toast.success(`Code Submissions ${effect}!`);
-        }
-        else {
+        } else {
           toast.error('Unable to modify permission: Code Submissions');
         }
       })
@@ -177,10 +189,14 @@ const Admin: NextPage = () => {
           toast.error('Unable to modify permission: Code Submissions');
         }
       });
-  }
+  };
 
-  const enableCodeSubmissions = async () => { modifyCodeSubmissions(true); }
-  const disableCodeSubmissions = async () => { modifyCodeSubmissions(false); }
+  const enableCodeSubmissions = async () => {
+    modifyCodeSubmissions(true);
+  };
+  const disableCodeSubmissions = async () => {
+    modifyCodeSubmissions(false);
+  };
 
   if (status === 'authenticated') {
     if (data?.user?.role === 'user') {
@@ -191,16 +207,23 @@ const Admin: NextPage = () => {
           <Card>
             <Card.Body>
               <Card.Title>Admin</Card.Title>
-              <Card.Text>Manage Permissions and run ranked scrimmages and tournaments here.</Card.Text>
+              <Card.Text>
+                Manage Permissions and run ranked scrimmages and tournaments
+                here.
+              </Card.Text>
             </Card.Body>
           </Card>
           <br />
           <Card>
             <Card.Body>
-            <Card.Title>Permissions</Card.Title>
+              <Card.Title>Permissions</Card.Title>
               <div>
                 <div className='mb-3'>
-                  <Button onClick={enableBracketSwitching} variant='dark' className="mr-3">
+                  <Button
+                    onClick={enableBracketSwitching}
+                    variant='dark'
+                    className='mr-3'
+                  >
                     Enable Bracket Switching
                   </Button>
                   <Button onClick={disableBracketSwitching} variant='dark'>
@@ -209,7 +232,11 @@ const Admin: NextPage = () => {
                 </div>
 
                 <div className='mb-3'>
-                  <Button onClick={enableTeamModifications} variant='dark' className="mr-3">
+                  <Button
+                    onClick={enableTeamModifications}
+                    variant='dark'
+                    className='mr-3'
+                  >
                     Enable Team Modifications
                   </Button>
                   <Button onClick={disableTeamModifications} variant='dark'>
@@ -218,17 +245,28 @@ const Admin: NextPage = () => {
                 </div>
 
                 <div className='mb-3'>
-                  <Button onClick={enableScrimmageRequests} variant='dark' className="mr-3">
+                  <Button
+                    onClick={enableScrimmageRequests}
+                    variant='dark'
+                    className='mr-3'
+                  >
                     Enable Scrimmage Requests
                   </Button>
-                  <Button onClick={disableScrimmageRequests} variant='dark' className="ml-3">
+                  <Button
+                    onClick={disableScrimmageRequests}
+                    variant='dark'
+                    className='ml-3'
+                  >
                     Disable Scrimmage Requests
                   </Button>
                 </div>
 
-
                 <div className='mb-3'>
-                  <Button onClick={enableCodeSubmissions} variant='dark' className="mr-3">
+                  <Button
+                    onClick={enableCodeSubmissions}
+                    variant='dark'
+                    className='mr-3'
+                  >
                     Enable Code Submissions
                   </Button>
                   <Button onClick={disableCodeSubmissions} variant='dark'>
diff --git a/src/pages/api/admin/modify-permissions.ts b/src/pages/api/admin/modify-permissions.ts
index 2fb13a7..c59207d 100644
--- a/src/pages/api/admin/modify-permissions.ts
+++ b/src/pages/api/admin/modify-permissions.ts
@@ -1,96 +1,94 @@
+import { DynamoDB, DynamoDBClientConfig } from '@aws-sdk/client-dynamodb';
 import {
-    DynamoDB,
-    DynamoDBClientConfig,
-  } from '@aws-sdk/client-dynamodb';
-  import { DynamoDBDocument, UpdateCommand, UpdateCommandInput } from '@aws-sdk/lib-dynamodb';
-  import { NextApiRequest, NextApiResponse } from 'next';
-  
-  const config: DynamoDBClientConfig = {
-    credentials: {
-      accessKeyId: process.env.AWS_ACCESS_KEY_LOCAL as string,
-      secretAccessKey: process.env.AWS_SECRET_KEY_LOCAL as string,
-    },
-    region: process.env.AWS_REGION_LOCAL,
+  DynamoDBDocument,
+  UpdateCommand,
+  UpdateCommandInput,
+} from '@aws-sdk/lib-dynamodb';
+import { NextApiRequest, NextApiResponse } from 'next';
+
+const config: DynamoDBClientConfig = {
+  credentials: {
+    accessKeyId: process.env.AWS_ACCESS_KEY_LOCAL as string,
+    secretAccessKey: process.env.AWS_SECRET_KEY_LOCAL as string,
+  },
+  region: process.env.AWS_REGION_LOCAL,
+};
+
+const client = DynamoDBDocument.from(new DynamoDB(config), {
+  marshallOptions: {
+    removeUndefinedValues: true,
+    convertClassInstanceToMap: true,
+  },
+});
+
+export default async function handler(
+  req: NextApiRequest,
+  res: NextApiResponse,
+) {
+  if (req.method !== 'POST') {
+    return res.status(405).send({ message: 'Method not allowed' });
+  }
+
+  const params: UpdateCommandInput = {
+    TableName: process.env.AWS_TABLE_NAME,
+    Key: { pk: 'config:config_profile_1', sk: 'config:config_profile_1' },
   };
-  
-  const client = DynamoDBDocument.from(new DynamoDB(config), {
-    marshallOptions: {
-      removeUndefinedValues: true,
-      convertClassInstanceToMap: true,
-    },
-  });
-  
-  export default async function handler(
-    req: NextApiRequest,
-    res: NextApiResponse,
-  ) {
-    if (req.method !== 'POST') {
-      return res.status(405).send({ message: 'Method not allowed' });
-    }
 
-    let params : UpdateCommandInput = { TableName: process.env.AWS_TABLE_NAME, Key: { pk: "config:config_profile_1", sk: "config:config_profile_1" } };
-  
-    if(req.body.bracket_switching !== undefined)
-    {
-        const { bracket_switching } = req.body;
+  if (req.body.bracket_switching !== undefined) {
+    const bracketSwitching = req.body.bracket_switching;
 
-        params.UpdateExpression = "SET #bracket_switching = :bracket_switching";
-        params.ExpressionAttributeNames = {
-            "#bracket_switching": "bracket_switching",
-        };
-        params.ExpressionAttributeValues = {
-            ":bracket_switching": bracket_switching,
-        };
+    params.UpdateExpression = 'SET #bracket_switching = :bracket_switching';
+    params.ExpressionAttributeNames = {
+      '#bracket_switching': 'bracket_switching',
     };
+    params.ExpressionAttributeValues = {
+      ':bracket_switching': bracketSwitching,
+    };
+  }
 
-    if(req.body.team_modifications !== undefined)
-    {
-        const { team_modifications } = req.body;
+  if (req.body.team_modifications !== undefined) {
+    const teamModifications = req.body.team_modifications;
 
-        params.UpdateExpression = "SET #team_modifications = :team_modifications";
-        params.ExpressionAttributeNames = {
-            "#team_modifications": "team_modifications",
-        };
-        params.ExpressionAttributeValues = {
-            ":team_modifications": team_modifications,
-        };
-    }
+    params.UpdateExpression = 'SET #team_modifications = :team_modifications';
+    params.ExpressionAttributeNames = {
+      '#team_modifications': 'team_modifications',
+    };
+    params.ExpressionAttributeValues = {
+      ':team_modifications': teamModifications,
+    };
+  }
+
+  if (req.body.scrimmage_requests !== undefined) {
+    const scrimmageRequests = req.body.scrimmage_requests;
 
-    if(req.body.scrimmage_requests !== undefined)
-    {
-        const { scrimmage_requests } = req.body;
+    params.UpdateExpression = 'SET #scrimmage_requests = :scrimmage_requests';
+    params.ExpressionAttributeNames = {
+      '#scrimmage_requests': 'scrimmage_requests',
+    };
+    params.ExpressionAttributeValues = {
+      ':scrimmage_requests': scrimmageRequests,
+    };
+  }
 
-        params.UpdateExpression = "SET #scrimmage_requests = :scrimmage_requests";
-        params.ExpressionAttributeNames = {
-            "#scrimmage_requests": "scrimmage_requests",
-        };
-        params.ExpressionAttributeValues = {
-            ":scrimmage_requests": scrimmage_requests,
-        };
-    }
+  if (req.body.code_submissions !== undefined) {
+    const codeSubmissions = req.body.code_submissions;
 
-    if(req.body.code_submissions !== undefined)
-    {
-        const { code_submissions } = req.body;
+    params.UpdateExpression = 'SET #code_submissions = :code_submissions';
+    params.ExpressionAttributeNames = {
+      '#code_submissions': 'code_submissions',
+    };
+    params.ExpressionAttributeValues = {
+      ':code_submissions': codeSubmissions,
+    };
+  }
 
-        params.UpdateExpression = "SET #code_submissions = :code_submissions";
-        params.ExpressionAttributeNames = {
-            "#code_submissions": "code_submissions",
-        };
-        params.ExpressionAttributeValues = {
-            ":code_submissions": code_submissions,
-        };
-    }
+  try {
+    const response = await client.send(new UpdateCommand(params));
+    if (response)
+      return res.status(200).send({ message: 'Permissions updated successfully!' });
 
-    try {
-        const response = await client.send(new UpdateCommand(params));
-        if(response)
-            return res.status(200).send({ message: 'Permissions updated successfully!' });
-        else
-            return res.status(400).send({ message: 'Error updating permissions!' });
-    } catch (error) {
-        return res.status(500).send({ message: 'Error updating permissions!' });
-    }
-  
+    return res.status(400).send({ message: 'Error updating permissions!' });
+  } catch (error) {
+    return res.status(500).send({ message: 'Error updating permissions!' });
   }
-  
\ No newline at end of file
+}
diff --git a/src/pages/api/team/leave-team.ts b/src/pages/api/team/leave-team.ts
index 9b2b965..53f11d2 100644
--- a/src/pages/api/team/leave-team.ts
+++ b/src/pages/api/team/leave-team.ts
@@ -3,10 +3,7 @@ import {
   DynamoDBClientConfig,
   UpdateItemCommand,
 } from '@aws-sdk/client-dynamodb';
-import {
-  DynamoDBDocument,
-  UpdateCommand,
-} from '@aws-sdk/lib-dynamodb';
+import { DynamoDBDocument, UpdateCommand } from '@aws-sdk/lib-dynamodb';
 import { NextApiRequest, NextApiResponse } from 'next';
 
 const config: DynamoDBClientConfig = {
diff --git a/src/pages/api/user/activate_bot.ts b/src/pages/api/user/activate_bot.ts
index 7a5f57e..fac0274 100644
--- a/src/pages/api/user/activate_bot.ts
+++ b/src/pages/api/user/activate_bot.ts
@@ -1,7 +1,4 @@
-import {
-  DynamoDB,
-  DynamoDBClientConfig,
-} from '@aws-sdk/client-dynamodb';
+import { DynamoDB, DynamoDBClientConfig } from '@aws-sdk/client-dynamodb';
 import { DynamoDBDocument, UpdateCommand } from '@aws-sdk/lib-dynamodb';
 import { NextApiRequest, NextApiResponse } from 'next';
 
diff --git a/src/pages/api/user/match-request.ts b/src/pages/api/user/match-request.ts
index 9fb0ffa..0651789 100644
--- a/src/pages/api/user/match-request.ts
+++ b/src/pages/api/user/match-request.ts
@@ -17,10 +17,7 @@ export default async function handler(
   }
 
   const matchRequestData = {
-    players: [
-      { username: player },
-      { username: opp },
-    ],
+    players: [{ username: player }, { username: opp }],
   };
 
   try {
@@ -30,12 +27,18 @@ export default async function handler(
     );
 
     if (response.status !== 200)
-      return res.status(500).send({ message: 'Error starting match', data: response.data });
-  
-    return res.status(200).send({ message: 'Success', data: response.data });
+      return res
+        .status(500)
+        .send({ message: 'Error starting match', data: response.data });
 
+    return res.status(200).send({ message: 'Success', data: response.data });
   } catch (err) {
     console.log(err);
-    return res.status(500).send({ message: 'Error fetching data', error: 'Internal Error, please try again later' });
+    return res
+      .status(500)
+      .send({
+        message: 'Error fetching data',
+        error: 'Internal Error, please try again later',
+      });
   }
 }
diff --git a/src/pages/auth/login.tsx b/src/pages/auth/login.tsx
index b0dc964..2f45326 100644
--- a/src/pages/auth/login.tsx
+++ b/src/pages/auth/login.tsx
@@ -37,58 +37,54 @@ const Login: NextPage = () => {
 
   return (
     // render login form
-    <div className="bg-light min-vh-100 d-flex flex-column justify-content-center align-items-center dark:bg-transparent">
+    <div className='bg-light min-vh-100 d-flex flex-column justify-content-center align-items-center dark:bg-transparent'>
       <Container>
-        <Row className="justify-content-center align-items-center px-3">
+        <Row className='justify-content-center align-items-center px-3'>
           <Col lg={10}>
-            <Row className="justify-content-center align-items-center">
-              <Col md={7} className="bg-white border p-5">
-                <div className="">
+            <Row className='justify-content-center align-items-center'>
+              <Col md={7} className='bg-white border p-5'>
+                <div className=''>
                   <h1>AWAP 2024 Login</h1>
-                  <p className="text-black-50">
+                  <p className='text-black-50'>
                     Sign In to your AWAP Dashboard
                   </p>
 
                   <form onSubmit={login}>
-                    <InputGroup className="mb-3">
+                    <InputGroup className='mb-3'>
                       <InputGroup.Text>
                         <FontAwesomeIcon icon={faUser} fixedWidth />
                       </InputGroup.Text>
                       <Form.Control
                         onChange={(e) => setUsername(e.target.value)}
-                        type="text"
-                        name="username"
+                        type='text'
+                        name='username'
                         minLength={3}
                         maxLength={20}
                         required
-                        placeholder="Username"
-                        aria-label="Username"
+                        placeholder='Username'
+                        aria-label='Username'
                       />
                     </InputGroup>
 
-                    <InputGroup className="mb-3">
+                    <InputGroup className='mb-3'>
                       <InputGroup.Text>
                         <FontAwesomeIcon icon={faLock} fixedWidth />
                       </InputGroup.Text>
                       <Form.Control
                         onChange={(e) => setPassword(e.target.value)}
-                        type="password"
-                        name="password"
+                        type='password'
+                        name='password'
                         minLength={8}
                         maxLength={20}
                         required
-                        placeholder="Password"
-                        aria-label="Password"
+                        placeholder='Password'
+                        aria-label='Password'
                       />
                     </InputGroup>
 
                     <Row>
                       <Col xs={6}>
-                        <Button
-                          className="px-4"
-                          variant="dark"
-                          type="submit"
-                        >
+                        <Button className='px-4' variant='dark' type='submit'>
                           Login
                         </Button>
                       </Col>
@@ -104,4 +100,4 @@ const Login: NextPage = () => {
   );
 };
 
-export default Login;
\ No newline at end of file
+export default Login;
diff --git a/src/pages/getting_started.tsx b/src/pages/getting_started.tsx
index c81dc45..049937a 100644
--- a/src/pages/getting_started.tsx
+++ b/src/pages/getting_started.tsx
@@ -10,12 +10,36 @@ const GettingStarted: NextPage = () => (
         <Card.Text>
           Follow through the instructions below to learn more about installation
           instructions, how you can upload your bot submissions, request
-          scrimmages with other players, and check out your match results! <br/>
+          scrimmages with other players, and check out your match results!{' '}
+          <br />
+          <br />
+          Landing Page:{' '}
+          <a
+            href='http://awap.acmatcmu.com'
+            target='_blank'
+            rel='noopener noreferrer'
+          >
+            awap.acmatcmu.com
+          </a>
+          <br />
+          Dashboard:{' '}
+          <a
+            href='http://dashboard.awap.acmatcmu.com'
+            target='_blank'
+            rel='noopener noreferrer'
+          >
+            dashboard.awap.acmatcmu.com
+          </a>
+          <br />
+          Player Guide:{' '}
+          <a
+            href='http://tinyurl.com/debrisdefense'
+            target='_blank'
+            rel='noopener noreferrer'
+          >
+            tinyurl.com/debrisdefense
+          </a>
           <br />
-          Landing Page: <a href="http://awap.acmatcmu.com" target="_blank" rel="noopener noreferrer">awap.acmatcmu.com</a><br />
-          Dashboard: <a href="http://dashboard.awap.acmatcmu.com" target="_blank" rel="noopener noreferrer">dashboard.awap.acmatcmu.com</a><br />
-          Player Guide: <a href="http://tinyurl.com/debrisdefense" target="_blank" rel="noopener noreferrer">tinyurl.com/debrisdefense</a><br />
-          
         </Card.Text>
       </Card.Body>
     </Card>
@@ -25,8 +49,8 @@ const GettingStarted: NextPage = () => (
         <Card.Text>
           Navigate to the submissions page to upload your bot files and view
           your previous submissions. You may upload submissions at any time and
-          your currently activated file will be used as your submission for any scrimmages
-          you may request or matches we run.
+          your currently activated file will be used as your submission for any
+          scrimmages you may request or matches we run.
         </Card.Text>
       </Card.Body>
     </Card>
@@ -35,9 +59,10 @@ const GettingStarted: NextPage = () => (
         <Card.Title>Scrimmages</Card.Title>
         <Card.Text>
           Find the scrimmages page to request unranked matches with any teams
-          listed in the dropdown. Your team may request up to 5 scrimmages per hour.
-          These scrimmages do not affect your rating on the leaderboard. Only the matches 
-          that we will run periodically throughout the competition affect your rating.
+          listed in the dropdown. Your team may request up to 5 scrimmages per
+          hour. These scrimmages do not affect your rating on the leaderboard.
+          Only the matches that we will run periodically throughout the
+          competition affect your rating.
         </Card.Text>
       </Card.Body>
     </Card>
@@ -50,7 +75,6 @@ const GettingStarted: NextPage = () => (
         </Card.Text>
       </Card.Body>
     </Card>
-    
   </UserLayout>
 );
 
diff --git a/src/pages/leaderboard.tsx b/src/pages/leaderboard.tsx
index 3d4c568..fa1ecc5 100644
--- a/src/pages/leaderboard.tsx
+++ b/src/pages/leaderboard.tsx
@@ -235,10 +235,12 @@ const Teams: NextPage<Props> = (props) => {
             <tbody>
               {teams.map((team) => (
                 <tr key={team.tname}>
-                  
-                  { <RankLabel key={team.tname} rank={team.ranking} /> }
+                  <RankLabel key={team.tname} rank={team.ranking} />
                   <td>{team.tname}</td>
-                  <td>{team.bracket.charAt(0).toUpperCase() + team.bracket.slice(1)}</td>
+                  <td>
+                    {team.bracket.charAt(0).toUpperCase() +
+                      team.bracket.slice(1)}
+                  </td>
                   <td className='text-end'>{team.rating}</td>
                 </tr>
               ))}
@@ -285,7 +287,7 @@ export const getServerSideProps: GetServerSideProps<Props> = async (
     ExpressionAttributeNames: {
       '#teamName': 'name',
       '#rating': 'num',
-      '#bracket': 'bracket'
+      '#bracket': 'bracket',
     },
   };
 
@@ -330,7 +332,7 @@ export const getServerSideProps: GetServerSideProps<Props> = async (
       ranking: idx + 1,
       tname: item.name.S as string,
       rating: parseInt(item.num && item.num.N ? item.num.N : defaultRating, 10),
-      bracket: (item.bracket ? item.bracket.S : "beginner") as string,
+      bracket: (item.bracket ? item.bracket.S : 'beginner') as string,
     }));
 
   function sortmap(t: Leaderboard, att: string) {
diff --git a/src/pages/team/[teamname].tsx b/src/pages/team/[teamname].tsx
index cfc4ff1..f9e5210 100644
--- a/src/pages/team/[teamname].tsx
+++ b/src/pages/team/[teamname].tsx
@@ -101,7 +101,8 @@ const TeamMemberField = ({ name }: { name: string }) => (
 );
 
 const Team: NextPage = ({
-  teamData, configData,
+  teamData,
+  configData,
 }: InferGetServerSidePropsType<typeof getServerSideProps>) => {
   const router = useRouter();
   const teamname: string = router.query.teamname
@@ -159,7 +160,7 @@ const Team: NextPage = ({
   const handleRegenerateSecretKey = async (e: any) => {
     e.preventDefault();
     e.stopPropagation();
-    if(configData.disabled_team_modifications) {
+    if (configData.disabled_team_modifications) {
       toast.error('Team modifications are currently disabled!');
       return;
     }
@@ -193,7 +194,7 @@ const Team: NextPage = ({
   const handleChangeBracket = async (e: any) => {
     e.preventDefault();
     e.stopPropagation();
-    if(configData.disabled_bracket_switching) {
+    if (configData.disabled_bracket_switching) {
       toast.error('Bracket switching is currently disabled!');
       return;
     }
@@ -224,7 +225,7 @@ const Team: NextPage = ({
   const handleLeaveTeam = async (e: any) => {
     e.preventDefault();
     e.stopPropagation();
-    if(configData.disabled_team_modifications) {
+    if (configData.disabled_team_modifications) {
       toast.error('Team modifications are currently disabled!');
       return;
     }
@@ -391,7 +392,7 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
 
   const configData = configResult.Item;
 
-  let config: ConfigData = {
+  let configs: ConfigData = {
     disabled_bracket_switching: false,
     disabled_code_submissions: false,
     disabled_scrimmage_requests: false,
@@ -399,7 +400,7 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
   };
 
   if (configData) {
-    config = {
+    configs = {
       disabled_bracket_switching: !configData.bracket_switching,
       disabled_code_submissions: !configData.code_submissions,
       disabled_scrimmage_requests: !configData.scrimmage_requests,
@@ -419,7 +420,7 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
   return {
     props: {
       teamData: teamDataInfo,
-      configData: config,
+      configData: configs,
     },
   };
 };
diff --git a/src/pages/team/index.tsx b/src/pages/team/index.tsx
index e840919..dc55968 100644
--- a/src/pages/team/index.tsx
+++ b/src/pages/team/index.tsx
@@ -46,7 +46,8 @@ interface ConfigData {
 }
 
 const TeamHub: NextPage = ({
-  team, configData,
+  team,
+  configData,
 }: InferGetServerSidePropsType<typeof getServerSideProps>) => {
   const [createTeamname, setCreateTeamname] = useState<string>('');
   const [joinTeamname, setJoinTeamname] = useState<string>('');
@@ -62,9 +63,9 @@ const TeamHub: NextPage = ({
     e.preventDefault();
     e.stopPropagation();
 
-    if(configData.disabled_team_modifications) {
+    if (configData.disabled_team_modifications) {
       toast.error('Team modifications are currently disabled.');
-      return
+      return;
     }
 
     await axios
@@ -96,9 +97,9 @@ const TeamHub: NextPage = ({
     e.preventDefault();
     e.stopPropagation();
 
-    if(configData.disabled_team_modifications) {
+    if (configData.disabled_team_modifications) {
       toast.error('Team modifications are currently disabled.');
-      return
+      return;
     }
 
     await axios
@@ -235,7 +236,7 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
     };
   }
 
-    // query for config data
+  // query for config data
   const configParams: GetCommandInput = {
     TableName: process.env.AWS_TABLE_NAME,
     Key: {
@@ -249,7 +250,7 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
 
   const configData = configResult.Item;
 
-  let config: ConfigData = {
+  let configs: ConfigData = {
     disabled_bracket_switching: false,
     disabled_code_submissions: false,
     disabled_scrimmage_requests: false,
@@ -257,7 +258,7 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
   };
 
   if (configData) {
-    config = {
+    configs = {
       disabled_bracket_switching: !configData.bracket_switching,
       disabled_code_submissions: !configData.code_submissions,
       disabled_scrimmage_requests: !configData.scrimmage_requests,
@@ -277,12 +278,12 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
   const result = await client.send(command);
   if (!result || !result.Item || !result.Item.team || result.Item.team === '') {
     return {
-      props: { team: null, configData: config },
+      props: { team: null, configData: configs },
     };
   }
 
   return {
-    props: { team: result.Item.team, configData: config },
+    props: { team: result.Item.team, configData: configs },
   };
 };
 
diff --git a/src/pages/user/profile.tsx b/src/pages/user/profile.tsx
index 1e2db6b..f59c64f 100644
--- a/src/pages/user/profile.tsx
+++ b/src/pages/user/profile.tsx
@@ -37,7 +37,7 @@ const TeamMemberField = ({ id }: { id: number }) => {
   const ariaLabel = `Team Member ${id}`;
 
   return (
-    <InputGroup className="mb-3">
+    <InputGroup className='mb-3'>
       <InputGroup.Text>
         <FontAwesomeIcon icon={faUser} fixedWidth />
       </InputGroup.Text>
@@ -74,14 +74,17 @@ const Profile: NextPage = ({
   const changeBracket = async (user: string | null | undefined) => {
     if (!user) return;
     const teamName = document.getElementById('teamname') as HTMLInputElement;
-    const newBracket = document.getElementById('newbracket') as HTMLInputElement;
+    const newBracket = document.getElementById(
+      'newbracket',
+    ) as HTMLInputElement;
     const newBracketValue = newBracket.value;
-    await axios.post('/api/user/bracket-change', {
-      user,
-      bracket: newBracketValue,
-      teamName: teamName.value,
-    })
-    // .then((res) => res.status)
+    await axios
+      .post('/api/user/bracket-change', {
+        user,
+        bracket: newBracketValue,
+        teamName: teamName.value,
+      })
+      // .then((res) => res.status)
       .then((res) => {
         if (res.status === 400) {
           toast.error('Bracket change not successful!');
@@ -135,26 +138,26 @@ const Profile: NextPage = ({
   if (status === 'authenticated') {
     return (
       <UserLayout>
-        <div className="bg-light min-vh-100 d-flex flex-row dark:bg-transparent">
+        <div className='bg-light min-vh-100 d-flex flex-row dark:bg-transparent'>
           <Container>
-            <Row className="justify-content-center">
+            <Row className='justify-content-center'>
               <Col md={6}>
-                <Card className="mb-4 rounded-0">
-                  <Card.Body className="p-4">
-                    <h1 className="text-center">Team Actions</h1>
-                    
+                <Card className='mb-4 rounded-0'>
+                  <Card.Body className='p-4'>
+                    <h1 className='text-center'>Team Actions</h1>
+
                     {/* <br /> */}
                     <div>
                       <strong>Create Team</strong>
                     </div>
 
                     <form onSubmit={handleCreateTeam}>
-                    <label>
-                      Team Name: 
-                      <input type="text" name="name" id="teamname" />
-                    </label>
-                    <input type="submit" value="Submit" />
-                  </form>
+                      <label>
+                        Team Name:
+                        <input type='text' name='name' id='teamname' />
+                      </label>
+                      <input type='submit' value='Submit' />
+                    </form>
                     {/* <br />
                     <div>
                       <strong>Add Team Members</strong>
@@ -167,22 +170,22 @@ const Profile: NextPage = ({
                     </label>
                     <input type="submit" value="Submit" />
                   </form> */}
-                  <br />
+                    <br />
                   </Card.Body>
                 </Card>
               </Col>
-            {/* </Row>
+              {/* </Row>
             <Row className="justify-content-center"> */}
               <Col md={6}>
-                <Card className="mb-4 rounded-0">
-                  <Card.Body className="p-4">
-                    <h1 className="text-center">Team Profile</h1>
-                    <div className="text-center">
+                <Card className='mb-4 rounded-0'>
+                  <Card.Body className='p-4'>
+                    <h1 className='text-center'>Team Profile</h1>
+                    <div className='text-center'>
                       <Image
                         width={300}
                         height={300}
                         src={`/assets/avatars/avatar_${session.user.image}.png`}
-                        alt="Team Logo"
+                        alt='Team Logo'
                       />
                     </div>
                     <div>
@@ -193,9 +196,7 @@ const Profile: NextPage = ({
                     </div>
                     <div>
                       Team Name:
-                      <strong>
-                        {team.name}
-                      </strong>
+                      <strong>{team.name}</strong>
                     </div>
                     <div>
                       Bracket:{' '}
@@ -210,15 +211,15 @@ const Profile: NextPage = ({
                     </div>
 
                     <select
-                      className="form-select"
-                      aria-label="Default select example"
-                      id="newbracket"
+                      className='form-select'
+                      aria-label='Default select example'
+                      id='newbracket'
                     >
-                      <option value="beginner">Beginner</option>
-                      <option value="advanced">Advanced</option>
+                      <option value='beginner'>Beginner</option>
+                      <option value='advanced'>Advanced</option>
                     </select>
                     <br />
-                    <Button onClick={handleChangeBracket} variant="dark">
+                    <Button onClick={handleChangeBracket} variant='dark'>
                       Change Bracket
                     </Button>
                   </Card.Body>
@@ -248,7 +249,7 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
       },
     };
   }
-  const userquery = `user:${session.user.name}`; 
+  const userquery = `user:${session.user.name}`;
   const params: ScanCommandInput = {
     TableName: process.env.AWS_TABLE_NAME,
     FilterExpression: 'pk = :user_name',
@@ -266,19 +267,25 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
       props: { team: { bracket: null } }, // will be passed to the page component as props
     };
   }
-  const teamquery = `team:${userData[0].team.S}`; 
-  const result2 = await client.send(new ScanCommand({
-    TableName: process.env.AWS_TABLE_NAME,
-    FilterExpression: 'pk = :team_name AND record_type= :bracket',
-    ExpressionAttributeValues: {
-      ':team_name': { S: teamquery },
-      ':bracket': { S: 'bracket' },
-    },
-  }));
+  const teamquery = `team:${userData[0].team.S}`;
+  const result2 = await client.send(
+    new ScanCommand({
+      TableName: process.env.AWS_TABLE_NAME,
+      FilterExpression: 'pk = :team_name AND record_type= :bracket',
+      ExpressionAttributeValues: {
+        ':team_name': { S: teamquery },
+        ':bracket': { S: 'bracket' },
+      },
+    }),
+  );
   const teamData = result2.Items;
-  
 
-  if (teamData && teamData[0] && teamData[0].bracket && typeof teamData[0].bracket.S === 'string') {
+  if (
+    teamData &&
+    teamData[0] &&
+    teamData[0].bracket &&
+    typeof teamData[0].bracket.S === 'string'
+  ) {
     bracketN = teamData[0].bracket.S;
   }
   const team = {
diff --git a/src/pages/user/scrimmages.tsx b/src/pages/user/scrimmages.tsx
index 6529a81..3c63a07 100644
--- a/src/pages/user/scrimmages.tsx
+++ b/src/pages/user/scrimmages.tsx
@@ -18,7 +18,11 @@ import {
   QueryCommandInput,
 } from '@aws-sdk/client-dynamodb';
 
-import { DynamoDBDocument, GetCommand, GetCommandInput } from '@aws-sdk/lib-dynamodb';
+import {
+  DynamoDBDocument,
+  GetCommand,
+  GetCommandInput,
+} from '@aws-sdk/lib-dynamodb';
 
 import TextField from '@mui/material/TextField';
 import Autocomplete from '@mui/material/Autocomplete';
@@ -90,15 +94,15 @@ const TableBody: React.FC<{ data: Match[] }> = ({ data }) => (
 );
 
 // Team Info Component Card and button to request match
-const TeamInfo: React.FC<{ oppTeam: Team; playerTeam: string, disabledScrimmageRequests: boolean }> = ({
-  oppTeam,
-  playerTeam,
-  disabledScrimmageRequests,
-}) => {
+const TeamInfo: React.FC<{
+  oppTeam: Team;
+  playerTeam: string;
+  disabledScrimmageRequests: boolean;
+}> = ({ oppTeam, playerTeam, disabledScrimmageRequests }) => {
   const requestMatch = async () => {
-    if(disabledScrimmageRequests) {
+    if (disabledScrimmageRequests) {
       toast.error('Scrimmage requests are currently disabled.');
-      return
+      return;
     }
 
     axios
@@ -241,7 +245,11 @@ const Scrimmages: NextPage = ({
         </Card.Body>
       </Card>
       {CurrentTeamSearch && (
-        <TeamInfo oppTeam={CurrentTeamSearch} playerTeam={userTeam} disabledScrimmageRequests={disabledScrimmageRequests} />
+        <TeamInfo
+          oppTeam={CurrentTeamSearch}
+          playerTeam={userTeam}
+          disabledScrimmageRequests={disabledScrimmageRequests}
+        />
       )}
       <Card>
         <Card.Body>
@@ -278,7 +286,7 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
     };
   }
 
-    // query for config data
+  // query for config data
   const configParams: GetCommandInput = {
     TableName: process.env.AWS_TABLE_NAME,
     Key: {
@@ -292,7 +300,7 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
 
   const configData = configResult.Item;
 
-  let config: ConfigData = {
+  let configs: ConfigData = {
     disabled_bracket_switching: false,
     disabled_code_submissions: false,
     disabled_scrimmage_requests: false,
@@ -300,7 +308,7 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
   };
 
   if (configData) {
-    config = {
+    configs = {
       disabled_bracket_switching: !configData.bracket_switching,
       disabled_code_submissions: !configData.code_submissions,
       disabled_scrimmage_requests: !configData.scrimmage_requests,
@@ -308,7 +316,6 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
     };
   }
 
-
   const userInfo = await client.send(
     new GetCommand({
       TableName: process.env.AWS_TABLE_NAME,
@@ -365,7 +372,7 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
     props: {
       userTeam: team,
       teams,
-      configData: config,
+      configData: configs,
     }, // will be passed to the page component as props
   };
 };
diff --git a/src/pages/user/submissions.tsx b/src/pages/user/submissions.tsx
index 1f430e1..74a5c22 100644
--- a/src/pages/user/submissions.tsx
+++ b/src/pages/user/submissions.tsx
@@ -115,7 +115,8 @@ const TableBody: React.FC<{ data: any; image: string; activateFn: any }> = ({
 );
 
 const Submissions: NextPage = ({
-  teamData, configData,
+  teamData,
+  configData,
 }: InferGetServerSidePropsType<typeof getServerSideProps>) => {
   const { status, data: userData } = useSession();
   const [file, setFile] = useState<any>(null);
@@ -123,7 +124,7 @@ const Submissions: NextPage = ({
   const { team, submissionData } = teamData;
 
   const handleActivate = async (fileName: string) => {
-    if(configData.disabled_code_submissions) {
+    if (configData.disabled_code_submissions) {
       toast.error('Changing active bot is currently disabled.');
       return;
     }
@@ -166,15 +167,14 @@ const Submissions: NextPage = ({
     setFile(null);
   };
 
-  const handleUploadClick = async () => 
-  {
-    if(configData.disabled_code_submissions) {
+  const handleUploadClick = async () => {
+    if (configData.disabled_code_submissions) {
       toast.error('Code submissions are currently disabled.');
       return;
     }
 
     uploadFile(team);
-  }
+  };
 
   useEffect(() => {
     if (status === 'unauthenticated') Router.replace('/auth/login');
@@ -279,7 +279,7 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
     };
   }
 
-    // query for config data
+  // query for config data
   const configParams: GetCommandInput = {
     TableName: process.env.AWS_TABLE_NAME,
     Key: {
@@ -293,7 +293,7 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
 
   const configData = configResult.Item;
 
-  let config: ConfigData = {
+  let configs: ConfigData = {
     disabled_bracket_switching: false,
     disabled_code_submissions: false,
     disabled_scrimmage_requests: false,
@@ -301,7 +301,7 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
   };
 
   if (configData) {
-    config = {
+    configs = {
       disabled_bracket_switching: !configData.bracket_switching,
       disabled_code_submissions: !configData.code_submissions,
       disabled_scrimmage_requests: !configData.scrimmage_requests,
@@ -332,7 +332,7 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
         teamData: {
           team,
           submissionData: [],
-          configData: config,
+          configData: configs,
         },
       },
     };