fix(app): change image/video path to relative path (#16533)

Opentrons · Oct 22, 2024 · dfee506 · dfee506
1 parent 7b1d004
commit dfee506
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 10 deletions.
diff --git a/app/src/organisms/Desktop/Devices/ChangePipette/InstructionStep.tsx b/app/src/organisms/Desktop/Devices/ChangePipette/InstructionStep.tsx
@@ -30,13 +30,13 @@ export function InstructionStep(props: Props): JSX.Element {
   const display =
     displayCategory === 'GEN2'
       ? new URL(
-          `/app/assets/images/change-pip/${direction}-${String(
+          `../../../../assets/images/change-pip/${direction}-${String(
             mount
           )}-${channelsKey}-GEN2-${diagram}@3x.png`,
           import.meta.url
         ).href
       : new URL(
-          `/app/assets/images/change-pip/${direction}-${String(
+          `../../../../assets/images/change-pip/${direction}-${String(
             mount
           )}-${channelsKey}-${diagram}@3x.png`,
           import.meta.url

diff --git a/app/src/organisms/Desktop/Devices/ChangePipette/LevelPipette.tsx b/app/src/organisms/Desktop/Devices/ChangePipette/LevelPipette.tsx
@@ -26,6 +26,11 @@ export function LevelingVideo(props: {
   mount: Mount
 }): JSX.Element {
   const { pipetteName, mount } = props
+  const video = new URL(
+    `../../../../assets/videos/pip-leveling/${pipetteName}-${mount}.webm`,
+    import.meta.url
+  ).href
+
   return (
     <video
       css={css`
@@ -38,14 +43,7 @@ export function LevelingVideo(props: {
       loop={true}
       controls={true}
     >
-      <source
-        src={
-          new URL(
-            `/app/assets/videos/pip-leveling/${pipetteName}-${mount}.webm`,
-            import.meta.url
-          ).href
-        }
-      />
+      <source src={video} />
     </video>
   )
 }