Fix build

project-gauntlet · Sep 15, 2024 · 5e1d72e · 5e1d72e
1 parent e910e3d
commit 5e1d72e
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 30 deletions.
diff --git a/src/game-of-life.tsx b/src/game-of-life.tsx
@@ -1,6 +1,6 @@
-import {ReactElement, useEffect, useRef, useState} from 'react';
-import {Detail} from "@project-gauntlet/api/components";
-import {GameOfLife} from "gameoflife.js"
+import { ReactElement, useEffect, useRef, useState } from 'react';
+import { Detail } from "@project-gauntlet/api/components";
+import { GameOfLife } from "gameoflife.js"
 
 export default function GameOfLifeView(): ReactElement {
     const initialCell = [

diff --git a/src/starwars-locations.tsx b/src/starwars-locations.tsx
@@ -4,31 +4,31 @@ import { Grid } from "@project-gauntlet/api/components";
 export default function StarWarsLocations(): ReactElement {
     return (
         <Grid>
-            <Grid.Item id="naboo" title="Naboo">
+            <Grid.Item title="Naboo">
                 <Grid.Item.Content.Image source={{ asset: "naboo.jpg" }}/>
             </Grid.Item>
-            <Grid.Item id="ryloth" title="Ryloth">
+            <Grid.Item title="Ryloth">
                 <Grid.Item.Content.Image source={{ asset: "dagobah.jpg" }}/>
             </Grid.Item>
-            <Grid.Item id="tatooine" title="Tatooine">
+            <Grid.Item title="Tatooine">
                 <Grid.Item.Content.Image source={{ asset: "ryloth.jpg" }}/>
             </Grid.Item>
-            <Grid.Item id="dagobah" title="Dagobah">
+            <Grid.Item title="Dagobah">
                 <Grid.Item.Content.Image source={{ asset: "tatooine.jpg" }}/>
             </Grid.Item>
-            <Grid.Item id="coruscant" title="Coruscant">
+            <Grid.Item title="Coruscant">
                 <Grid.Item.Content.Image source={{ asset: "deathstar.jpg" }}/>
             </Grid.Item>
-            <Grid.Item id="endor" title="Endor">
+            <Grid.Item title="Endor">
                 <Grid.Item.Content.Image source={{ asset: "endor.jpg" }}/>
             </Grid.Item>
-            <Grid.Item id="deathstar" title="Death Star">
+            <Grid.Item title="Death Star">
                 <Grid.Item.Content.Image source={{ asset: "coruscant.jpg" }}/>
             </Grid.Item>
-            <Grid.Item id="dathomir" title="Dathomir">
+            <Grid.Item title="Dathomir">
                 <Grid.Item.Content.Image source={{ asset: "dathomir.jpg" }}/>
             </Grid.Item>
-            <Grid.Item id="dantooine" title="Dantooine">
+            <Grid.Item title="Dantooine">
                 <Grid.Item.Content.Image source={{ asset: "dantooine.jpg" }}/>
             </Grid.Item>
         </Grid>

diff --git a/src/starwars-species.tsx b/src/starwars-species.tsx
@@ -1,26 +1,22 @@
-import {ReactElement} from "react";
-import {List, Detail, Action, ActionPanel} from "@project-gauntlet/api/components";
-import {useNavigation} from "@project-gauntlet/api/hooks";
+import { ReactElement } from "react";
+import { ActionPanel, Detail, List } from "@project-gauntlet/api/components";
+import { useNavigation } from "@project-gauntlet/api/hooks";
 
 export default function StarWarsSpecies(): ReactElement {
     let {pushView} = useNavigation();
 
     return (
-        <List onSelectionChange={id => {
-            if (id === "ezaraa") {
-                pushView(<Ezaraa/>)
-            }
-        }}>
-            <List.Item id="adarian" title="Adarian"/>
-            <List.Item id="aruzan" title="Aruzan"/>
-            <List.Item id="blutopian" title="Blutopian"/>
-            <List.Item id="caphex" title="Caphex"/>
-            <List.Item id="condluran" title="Condluran"/>
-            <List.Item id="frozian" title="Frozian"/>
-            <List.Item id="evereni" title="Evereni"/>
-            <List.Item id="ezaraa" title="Ezaraa"/>
-            <List.Item id="houk" title="Houk"/>
-            <List.Item id="inleshat" title="Inleshat"/>
+        <List>
+            <List.Item title="Adarian"/>
+            <List.Item title="Aruzan"/>
+            <List.Item title="Blutopian"/>
+            <List.Item title="Caphex"/>
+            <List.Item title="Condluran"/>
+            <List.Item title="Frozian"/>
+            <List.Item title="Evereni"/>
+            <List.Item title="Ezaraa" onClick={() => pushView(<Ezaraa/>)}/>
+            <List.Item title="Houk"/>
+            <List.Item title="Inleshat"/>
         </List>
     )
 }