#4887: move and rename add brick modal

pixiebrix · Jun 16, 2024 · ce48b2d · ce48b2d
1 parent 0a7796d
commit ce48b2d
Show file tree

Hide file tree

Showing 24 changed files with 213 additions and 211 deletions.
diff --git a/src/pageEditor/Modals.tsx b/src/pageEditor/Modals.tsx
@@ -15,7 +15,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import AddBlockModal from "@/components/addBlockModal/AddBlockModal";
+import AddBrickModal from "@/pageEditor/modals/addBrickModal/AddBrickModal";
 import React from "react";
 import AddToRecipeModal from "./sidebar/modals/AddToRecipeModal";
 import CreateModModal from "./sidebar/modals/CreateModModal";
@@ -29,7 +29,7 @@ const Modals: React.FunctionComponent = () => (
     <MoveFromModModal />
     <SaveAsNewRecipeModal />
     <CreateModModal />
-    <AddBlockModal />
+    <AddBrickModal />
     <SaveDataIntegrityErrorModal />
   </>
 );

diff --git a/...s/addBlockModal/AddBlockModal.module.scss → ...s/addBrickModal/AddBrickModal.module.scss b/...s/addBlockModal/AddBlockModal.module.scss → ...s/addBrickModal/AddBrickModal.module.scss
@@ -15,7 +15,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-@import "@/components/addBlockModal/addBlockModalVariables.scss";
+@import "@/pageEditor/modals/addBrickModal/addBrickModalVariables";
 
 $bodyHeight: calc(100vh - 100px);
 $tagListWidth: 180px;
@@ -96,7 +96,7 @@ $modalPaddingX: calc(
   border-bottom-right-radius: 0.3rem;
 }
 
-.blockDetail {
+.brickDetail {
   height: $bodyHeight;
   flex-grow: 1;
   padding: 1rem;

diff --git a/...ents/addBlockModal/AddBlockModal.test.tsx → ...dals/addBrickModal/AddBrickModal.test.tsx b/...ents/addBlockModal/AddBlockModal.test.tsx → ...dals/addBrickModal/AddBrickModal.test.tsx
@@ -17,7 +17,7 @@
 
 import React from "react";
 import { render, screen } from "@/pageEditor/testHelpers";
-import AddBlockModal from "@/components/addBlockModal/AddBlockModal";
+import AddBrickModal from "@/pageEditor/modals/addBrickModal/AddBrickModal";
 import { actions } from "@/pageEditor/slices/editorSlice";
 import userEvent from "@testing-library/user-event";
 import { PIPELINE_BLOCKS_FIELD_NAME } from "@/pageEditor/consts";
@@ -46,10 +46,10 @@ beforeAll(() => {
   appApiMock.onGet("/api/marketplace/listings/").reply(200, listings);
 });
 
-describe("AddBlockModal", () => {
+describe("AddBrickModal", () => {
   test("it renders", async () => {
     const formState = formStateFactory();
-    const { asFragment } = render(<AddBlockModal />, {
+    const { asFragment } = render(<AddBrickModal />, {
       setupRedux(dispatch) {
         dispatch(actions.addElement(formState));
         dispatch(actions.selectElement(formState.uuid));
@@ -74,7 +74,7 @@ describe("AddBlockModal", () => {
   test("it renders with tag selected and search query", async () => {
     const formState = formStateFactory();
 
-    const { asFragment } = render(<AddBlockModal />, {
+    const { asFragment } = render(<AddBrickModal />, {
       setupRedux(dispatch) {
         dispatch(actions.addElement(formState));
         dispatch(actions.selectElement(formState.uuid));