chore(frontend/Thumbnail): replace old element

UoaWDCC · Aug 31, 2024 · 20b6cee · 20b6cee
1 parent e8e2815
commit 20b6cee
Show file tree

Hide file tree

Showing 7 changed files with 9 additions and 204 deletions.
diff --git a/frontend/src/components/ListContainer.jsx b/frontend/src/components/ListContainer.jsx
@@ -4,9 +4,8 @@ import { Box } from "@material-ui/core";
 import ImageList from "@material-ui/core/ImageList";
 import ImageListItem from "@material-ui/core/ImageListItem";
 
-import ThumbImage from "containers/pages/AuthoringTool/Components/ThumbImage";
+import Thumbnail from "containers/pages/AuthoringTool/Components/Thumbnail";
 import DashedCard from "./DashedCard";
-import Thumbnail from "./Thumbnail";
 
 import styles from "../styling/ListContainer.module.scss";
 import useStyles from "./component.styles";
@@ -130,9 +129,9 @@ export default function ListContainer({
                       }}
                     >
                       {sceneSelectionPage ? (
-                        <ThumbImage components={item.components} />
+                        <Thumbnail components={item.components} />
                       ) : (
-                        <ThumbImage
+                        <Thumbnail
                           components={item.thumbnail?.components || []}
                         />
                       )}

diff --git a/frontend/src/components/Thumbnail.jsx b/frontend/src/components/Thumbnail.jsx
diff --git a/frontend/src/components/__tests__/Thumbnail.test.js b/frontend/src/components/__tests__/Thumbnail.test.js
diff --git a/frontend/src/components/__tests__/__snapshots__/Thumbnail.test.js.snap b/frontend/src/components/__tests__/__snapshots__/Thumbnail.test.js.snap
diff --git a/...s/AuthoringTool/Components/ThumbImage.jsx → ...es/AuthoringTool/Components/Thumbnail.jsx b/...s/AuthoringTool/Components/ThumbImage.jsx → ...es/AuthoringTool/Components/Thumbnail.jsx
@@ -149,7 +149,7 @@ const ThumbElement = ({ component }) => {
   }
 };
 
-const ThumbImage = ({ components }) => {
+const Thumbnail = ({ components }) => {
   return (
     <svg viewBox="0 0 1920 1080">
       <rect x="0" y="0" width="1920" height="1080" fill="white" />
@@ -160,4 +160,4 @@ const ThumbImage = ({ components }) => {
   );
 };
 
-export default ThumbImage;
+export default Thumbnail;
diff --git a/frontend/src/containers/pages/AuthoringTool/SceneNavigator/SceneNavigator.jsx b/frontend/src/containers/pages/AuthoringTool/SceneNavigator/SceneNavigator.jsx
@@ -3,7 +3,7 @@ import { useContext, useEffect, useState } from "react";
 import { useHistory, useParams } from "react-router-dom";
 import styles from "styling/SceneNavigator.module.scss";
 import SceneListItem from "./SceneListItem";
-import ThumbImage from "../Components/ThumbImage";
+import Thumbnail from "../Components/Thumbnail";
 
 const SceneNavigator = ({ saveScene }) => {
   const [thumbnails, setThumbnails] = useState(null);
@@ -48,7 +48,7 @@ const SceneNavigator = ({ saveScene }) => {
               }
               key={scene._id}
             >
-              <ThumbImage components={scene.components} />
+              <Thumbnail components={scene.components} />
             </button>
           </>
         ),

diff --git a/frontend/src/containers/pages/Dashboard/SceneNode.jsx b/frontend/src/containers/pages/Dashboard/SceneNode.jsx
@@ -1,18 +1,12 @@
 import { Box } from "@material-ui/core";
 import { Handle, Position } from "react-flow-renderer";
-import Thumbnail from "../../../components/Thumbnail";
 
-function SceneNode({ data }) {
-  const { scenarioId, sceneId } = data;
+function SceneNode() {
+  // const { scenarioId, sceneId } = data;
 
   return (
     <Box>
       <Handle type="target" position={Position.Top} />
-      <Thumbnail
-        url={`${process.env.PUBLIC_URL}/play/${scenarioId}/${sceneId}`}
-        width="160"
-        height="90"
-      />
       <Handle type="source" position={Position.Bottom} id="a" />
       {/* <h5 style={textStyle}>{sceneTitle}</h5> */}
     </Box>