Use image imports

Instead of import.meta.env.BASE_URL
Pete-Fowler · Aug 30, 2024 · 191b95d · 191b95d
1 parent 37f4841
commit 191b95d
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 9 deletions.
diff --git a/src/content/projects/10-dimension-portal.mdx → src/content/projects/dimension-portal.mdx b/src/content/projects/10-dimension-portal.mdx → src/content/projects/dimension-portal.mdx
@@ -3,30 +3,37 @@ title: "Dimension web portal"
 description: "Customer facing web app to configure, schedule, monitor, and run data integrations."
 author: ""
 date: ""
+order: 10
 ---
 
 import YouTubeEmbed from "../../components/ui/YouTubeEmbed.astro";
 import ExpandableImage from "../../components/ui/ExpandableImage.jsx";
+import { Image } from "astro:assets";
+import review from "/src/assets/images/review.png";
+import details from "/src/assets/images/details.png";
+import editSchedule from "/src/assets/images/edit-schedule.png";
+import messageSearch from "/src/assets/images/message-search.png";
+import createTicket from "/src/assets/images/create-ticket.png";
 
 export const images = [
     {
-        src: `${import.meta.env.BASE_URL}src/assets/images/review.png`,
+        src: review.src,
         alt: "Review integrations",
     },
     {
-        src: `${import.meta.env.BASE_URL}src/assets/images/details.png`,
+        src: details.src,
         alt: "View integration details",
     },
     {
-        src: `${import.meta.env.BASE_URL}src/assets/images/edit-schedule.png`,
+        src: editSchedule.src,
         alt: "Edit schedules",
     },
     {
-        src: `${import.meta.env.BASE_URL}src/assets/images/message-search.png`,
+        src: messageSearch.src,
         alt: "Message details search",
     },
     {
-        src: `${import.meta.env.BASE_URL}src/assets/images/create-ticket.png`,
+        src: createTicket.src,
         alt: "Create support ticket and view existing tickets",
     },
 ];

diff --git a/src/content/projects/30-embedded-apps.mdx → src/content/projects/embedded-apps.mdx b/src/content/projects/30-embedded-apps.mdx → src/content/projects/embedded-apps.mdx
@@ -3,6 +3,7 @@ title: "Embedded apps"
 description: "Created full stack applications embedded within Procore"
 author: ""
 date: ""
+order: 30
 ---
 
 ## Budget Forecast by Cost Code

diff --git a/src/content/projects/20-new-integrations.mdx → src/content/projects/new-integrations.mdx b/src/content/projects/20-new-integrations.mdx → src/content/projects/new-integrations.mdx
@@ -3,14 +3,19 @@ title: "New data integrations"
 description: "Created new data integrations "
 author: ""
 date: ""
+order: 20
 ---
 
+import { Image } from "astro:assets";
+import procore from "/src/assets/images/procore.png";
+import seattle from "/src/assets/images/seattle.png";
+
 <br />
 
 ## Procore - NetSuite
 
-    <img
-        src="/src/assets/images/procore.png"
+    <Image
+        src={procore}
         alt="foo"
         style={{
             float: "left",
@@ -24,8 +29,8 @@ I've taken on the new responsibility of being the primary developer and customer
 
 ## City of Seattle{" "}
 
-<img
-    src="/src/assets/images/seattle.png"
+<Image
+    src={seattle}
     alt="City of Seattle"
     style={{
         float: "right",