From 690bfeb4968963fb841774017d13b40cbe306cbd Mon Sep 17 00:00:00 2001
From: Exidex <16986685+Exidex@users.noreply.github.com>
Date: Sun, 4 Aug 2024 19:33:03 +0200
Subject: [PATCH] Migrate to new image source api

---
 src/starwars-locations.tsx | 33 +++++++++++----------------------
 1 file changed, 11 insertions(+), 22 deletions(-)

diff --git a/src/starwars-locations.tsx b/src/starwars-locations.tsx
index 6ff27fc..6af4080 100644
--- a/src/starwars-locations.tsx
+++ b/src/starwars-locations.tsx
@@ -1,46 +1,35 @@
-import {ReactElement} from "react";
-import {Grid} from "@project-gauntlet/api/components";
-import {assetData} from "@project-gauntlet/api/helpers";
+import { ReactElement } from "react";
+import { Grid } from "@project-gauntlet/api/components";
 
 export default function StarWarsLocations(): ReactElement {
-    const nabooImage = assetData("naboo.jpg");
-    const dagobahImage = assetData("dagobah.jpg");
-    const rylothImage = assetData("ryloth.jpg");
-    const tatooineImage = assetData("tatooine.jpg");
-    const deathstarImage = assetData("deathstar.jpg");
-    const endorImage = assetData("endor.jpg");
-    const coruscantImage = assetData("coruscant.jpg");
-    const dathomirImage = assetData("dathomir.jpg");
-    const dantooineImage = assetData("dantooine.jpg");
-
     return (
         <Grid>
             <Grid.Item id="naboo" title="Naboo">
-                <Grid.Item.Content.Image source={{data: nabooImage}}/>
+                <Grid.Item.Content.Image source={{ asset: "naboo.jpg" }}/>
             </Grid.Item>
             <Grid.Item id="ryloth" title="Ryloth">
-                <Grid.Item.Content.Image source={{data: rylothImage}}/>
+                <Grid.Item.Content.Image source={{ asset: "dagobah.jpg" }}/>
             </Grid.Item>
             <Grid.Item id="tatooine" title="Tatooine">
-                <Grid.Item.Content.Image source={{data: tatooineImage}}/>
+                <Grid.Item.Content.Image source={{ asset: "ryloth.jpg" }}/>
             </Grid.Item>
             <Grid.Item id="dagobah" title="Dagobah">
-                <Grid.Item.Content.Image source={{data: dagobahImage}}/>
+                <Grid.Item.Content.Image source={{ asset: "tatooine.jpg" }}/>
             </Grid.Item>
             <Grid.Item id="coruscant" title="Coruscant">
-                <Grid.Item.Content.Image source={{data: coruscantImage}}/>
+                <Grid.Item.Content.Image source={{ asset: "deathstar.jpg" }}/>
             </Grid.Item>
             <Grid.Item id="endor" title="Endor">
-                <Grid.Item.Content.Image source={{data: endorImage}}/>
+                <Grid.Item.Content.Image source={{ asset: "endor.jpg" }}/>
             </Grid.Item>
             <Grid.Item id="deathstar" title="Death Star">
-                <Grid.Item.Content.Image source={{data: deathstarImage}}/>
+                <Grid.Item.Content.Image source={{ asset: "coruscant.jpg" }}/>
             </Grid.Item>
             <Grid.Item id="dathomir" title="Dathomir">
-                <Grid.Item.Content.Image source={{data: dathomirImage}}/>
+                <Grid.Item.Content.Image source={{ asset: "dathomir.jpg" }}/>
             </Grid.Item>
             <Grid.Item id="dantooine" title="Dantooine">
-                <Grid.Item.Content.Image source={{data: dantooineImage}}/>
+                <Grid.Item.Content.Image source={{ asset: "dantooine.jpg" }}/>
             </Grid.Item>
         </Grid>
     )