Merge branch 'development' of github.com:Brain-Defrost/Brain-Defrost_…

…FE into development

cypress/e2e/GamePlay.cy.ts

@@ -106,18 +106,19 @@ describe('Brain Defrost GamePlay Stories', () => {
       statusCode: 200,
       fixture: 'gameStats'
     }).as('getStats')
-    //stub email address post request
+    cy.intercept('POST', 'https://brain-defrost-f8afea5ead0a.herokuapp.com/api/v1/games/1/stats/email',
+    {
+      statusCode: 200,
+      body: ''
+    }).as('postEmail')
     cy.visit('http://localhost:3000/game/results/1')
     .get('.send-stats-btn').contains('Send Me The Stats').click()
     .get('.form-message').contains('Send me those stats!')
     .get('label[for=email]').contains('Enter your Email Address')
     .get('#email').should('have.value', '').type('[email protected]').should('have.value', '[email protected]')
     .get('.submit-btn').click()
-    //check that confirmation message is displayed
+    .get('.form-message').contains('Check your email for the stats!')
     .get('.close-btn').click()
     .get('.form-modal').should('not.exist')
   })
-  // it('Allows non-creator player to play game', () => {
-
-  // })
 })

src/components/SendStatsForm/SendStatsForm.tsx

@@ -13,14 +13,8 @@ function SendStatsForm({closeForm, gameId}: Props) {
     const [succesfulSubmission, setSuccessfulSubmission] = useState<boolean | null>(null);
 
     const submitEmail = async () => {
-        const requestBody = {
-            email: emailInput,
-            gameId
-        };
-        console.log({requestBody})
         try {
-            const response = await postEmail(requestBody.gameId, requestBody);
-            console.log(response)
+            await postEmail(gameId, emailInput);
             setSuccessfulSubmission(true)
         } catch (error) {
             setSuccessfulSubmission(false)

src/components/Stats/Stats.tsx

@@ -96,7 +96,7 @@ function Stats() {
       <button className='send-stats-btn' onClick={showForm}>Send Me The Stats</button>
       <button className='new-game-btn' onClick={goHome}>Generate A New Game</button>
       </div>
-      {openDialoge && <SendStatsForm closeForm={closeForm} gameId={finalStats?.data.id}/>}
+      {openDialoge && <SendStatsForm closeForm={closeForm} gameId={gameid}/>}
     </div>
   );
 }

src/components/Util/fetchCalls.tsx

@@ -1,4 +1,4 @@
-import type { CreateGameRequest, EmailRequestBody } from "./interfaces";
+import type { CreateGameRequest } from "./interfaces";
 
 const getGame = async (gameID: string) => {
   try {
@@ -188,13 +188,15 @@ const patchGame = async (gameID: string | undefined) => {
   }
 };
 
-const postEmail = async (gameID: string | undefined, requestBody: EmailRequestBody) => {
+const postEmail = async (gameID: string | undefined, email: string | undefined) => {
   try {
     const response = await fetch(
-      `endpoint/${gameID}`,
+      `https://brain-defrost-f8afea5ead0a.herokuapp.com/api/v1/games/${gameID}/stats/email`,
       {
-        method: "PATCH",
-        body: JSON.stringify(requestBody),
+        method: "POST",
+        body: JSON.stringify({
+          email: email
+        }),
         headers: {
           "Content-Type": "application/json",
         },
@@ -205,7 +207,7 @@ const postEmail = async (gameID: string | undefined, requestBody: EmailRequestBo
       console.log(status);
       throw new Error(`Couldn't send email - ${status}`);
     }
-    return await response.json();
+    // return await response.json();
   } catch (error: unknown) {
     console.log("API CALLS catch block - email stats", error);
     throw error;

src/components/Util/interfaces.tsx

@@ -92,9 +92,4 @@ export interface Question {
   };
 }
 
-export interface EmailRequestBody {
-  email: string | undefined;
-  gameId: string | undefined;
-}
-
 export {}