fixed path

Opentrons · Oct 18, 2024 · aaef16b · aaef16b
1 parent a354759
commit aaef16b
Show file tree

Hide file tree

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

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(
+    `../../../../app/assets/videos/pip-leveling/${pipetteName}-${mount}.webm`,
+    import.meta.url
+  ).href
+
   return (
     <video
       css={css`
@@ -39,7 +44,7 @@ export function LevelingVideo(props: {
       controls={true}
     >
       <source
-        src={`../app/assets/videos/pip-leveling/${pipetteName}-${mount}.webm`}
+        src={video}
       />
     </video>
   )