pass reactAppApiEndpoint (#1133)

Author: conorriches

CHANGELOG.md

@@ -6,6 +6,15 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## Unreleased
 
+## [0.28.10] - 2024-11-04
+
+### Fixed
+
+- Bug with saving remix caused by not passing prop
+
+
+## [0.28.9] - 2024-11-04
+
 ### Fixed
 
 - stopped autoscrolling to top on project content change (#1132)

src/components/Editor/EditorInput/EditorInput.jsx

@@ -1,4 +1,4 @@
-import React, { createRef, useEffect, useRef, useState, useMemo } from "react";
+import React, { createRef, useEffect, useRef, useState } from "react";
 import { DragDropContext } from "@hello-pangea/dnd";
 import { useDispatch, useSelector } from "react-redux";
 import { TabPanel, Tabs } from "react-tabs";

src/containers/WebComponentLoader.jsx

@@ -131,6 +131,7 @@ const WebComponentLoader = (props) => {
   });
 
   useProjectPersistence({
+    reactAppApiEndpoint,
     user,
     project,
     justLoaded,

src/containers/WebComponentLoader.test.js

@@ -204,6 +204,7 @@ describe("When no user is in state", () => {
         justLoaded: false,
         user: null,
         saveTriggered: false,
+        reactAppApiEndpoint: "http://localhost:3009",
       });
     });
 
@@ -339,6 +340,7 @@ describe("When no user is in state", () => {
         hasShownSavePrompt: true,
         justLoaded: false,
         saveTriggered: false,
+        reactAppApiEndpoint: "http://localhost:3009",
       });
     });
 
@@ -491,6 +493,7 @@ describe("When user is in state", () => {
 
       test("Calls useProjectPersistence hook with correct attributes", () => {
         expect(useProjectPersistence).toHaveBeenCalledWith({
+          reactAppApiEndpoint: "http://localhost:3009",
           user,
           project: { components: [] },
           hasShownSavePrompt: true,

src/hooks/useProjectPersistence.js

@@ -14,6 +14,7 @@ export const useProjectPersistence = ({
   justLoaded,
   hasShownSavePrompt,
   saveTriggered,
+  reactAppApiEndpoint,
 }) => {
   const dispatch = useDispatch();
 
@@ -31,18 +32,24 @@ export const useProjectPersistence = ({
           if (isOwner(user, project)) {
             dispatch(
               syncProject("save")({
+                reactAppApiEndpoint,
                 project,
                 accessToken: user.access_token,
                 autosave: false,
               }),
             );
           } else if (user && project.identifier) {
             await dispatch(
-              syncProject("remix")({ project, accessToken: user.access_token }),
+              syncProject("remix")({
+                reactAppApiEndpoint,
+                project,
+                accessToken: user.access_token,
+              }),
             );
             // Ensure the remixed project is loaded, otherwise we'll get in a mess
             dispatch(
               syncProject("loadRemix")({
+                reactAppApiEndpoint,
                 identifier: project.identifier,
                 accessToken: user.access_token,
               }),
@@ -53,7 +60,7 @@ export const useProjectPersistence = ({
       }
     };
     saveProject();
-  }, [saveTriggered, project, user, dispatch]);
+  }, [saveTriggered, project, user, dispatch, reactAppApiEndpoint]);
 
   useEffect(() => {
     let debouncer = setTimeout(() => {
@@ -64,6 +71,7 @@ export const useProjectPersistence = ({
           }
           dispatch(
             syncProject("save")({
+              reactAppApiEndpoint,
               project,
               accessToken: user.access_token,
               autosave: true,