mirror of
https://github.com/project-gauntlet/gauntlet.git
synced 2025-12-23 10:35:53 +00:00
Migrate scenario plugins to new image source api
This commit is contained in:
Exidex
parent
3d847a283e
commit
e74c128b6e
5 changed files with 46 additions and 64 deletions
|
|
@ -7,13 +7,13 @@ async function readFile(url: string): Promise<ArrayBuffer> {
|
|||
return await blob.arrayBuffer()
|
||||
}
|
||||
|
||||
const img = await readFile("https://static.wikia.nocookie.net/starwars/images/a/ae/The_Whills_Strike_Back.png/revision/latest/scale-to-width-down/400?cb=20201006180053")
|
||||
const imgUrl = "https://static.wikia.nocookie.net/starwars/images/a/ae/The_Whills_Strike_Back.png/revision/latest/scale-to-width-down/400?cb=20201006180053"
|
||||
|
||||
export default function Main(): ReactNode {
|
||||
return (
|
||||
<Detail>
|
||||
<Detail.Content>
|
||||
<Detail.Content.Image source={{ data: img }}/>
|
||||
<Detail.Content.Image source={{ url: imgUrl }}/>
|
||||
</Detail.Content>
|
||||
</Detail>
|
||||
)
|
||||
|
|
|
|||
|
|
@ -1,18 +1,12 @@
|
|||
import { ReactElement } from "react";
|
||||
import { List } from "@project-gauntlet/api/components";
|
||||
|
||||
async function readFile(): Promise<ArrayBuffer> {
|
||||
const res = await fetch(`https://static.wikia.nocookie.net/starwars/images/4/4a/Alderaan.jpg/revision/latest?cb=20061211013805`);
|
||||
const blob = await res.blob();
|
||||
return await blob.arrayBuffer()
|
||||
}
|
||||
|
||||
const alderaanImage = await readFile()
|
||||
const alderaanImage = "https://static.wikia.nocookie.net/starwars/images/4/4a/Alderaan.jpg/revision/latest?cb=20061211013805"
|
||||
|
||||
export default function Main(): ReactElement {
|
||||
return (
|
||||
<List>
|
||||
<List.EmptyView title={"Nothing here"} description={"But there was something"} image={{ data: alderaanImage }}/>
|
||||
<List.EmptyView title={"Nothing here"} description={"But there was something"} image={{ url: alderaanImage }}/>
|
||||
</List>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,45 +7,45 @@ async function readFile(url: string): Promise<ArrayBuffer> {
|
|||
return await blob.arrayBuffer()
|
||||
}
|
||||
|
||||
const nabooImage = await readFile("https://static.wikia.nocookie.net/star-wars-canon/images/2/24/NabooFull-SW.png/revision/latest/scale-to-width-down/150?cb=20151218205422")
|
||||
const rylothImage = await readFile("https://static.wikia.nocookie.net/star-wars-canon/images/4/48/Dagobah_ep3.jpg/revision/latest/scale-to-width-down/150?cb=20161103221846")
|
||||
const tatooineImage = await readFile("https://static.wikia.nocookie.net/star-wars-canon/images/b/b7/Ryloth_Rebels.png/revision/latest/scale-to-width-down/150?cb=20161103040944")
|
||||
const dagobahImage = await readFile("https://static.wikia.nocookie.net/star-wars-canon/images/b/b0/Tatooine_TPM.png/revision/latest/scale-to-width-down/150?cb=20151124205032")
|
||||
const coruscantImage = await readFile("https://static.wikia.nocookie.net/star-wars-canon/images/7/7d/Death_Star_detail.png/revision/latest/scale-to-width-down/150?cb=20151216212148")
|
||||
const endorImage = await readFile("https://static.wikia.nocookie.net/star-wars-canon/images/9/96/Endor-DB.png/revision/latest/scale-to-width-down/150?cb=20160711234205")
|
||||
const deathstarImage = await readFile("https://static.wikia.nocookie.net/starwars/images/a/a6/Coruscant-SWJS.jpg/revision/latest/scale-to-width-down/150?cb=20240324185443")
|
||||
const dathomirImage = await readFile("https://static.wikia.nocookie.net/starwars/images/3/34/DathomirJFO.jpg/revision/latest/scale-to-width-down/150?cb=20200222032237")
|
||||
const dantooineImage = await readFile("https://static.wikia.nocookie.net/starwars/images/a/a5/Dantooine_Resistance.jpg/revision/latest/scale-to-width-down/150?cb=20200120190043")
|
||||
const nabooImage = "https://static.wikia.nocookie.net/star-wars-canon/images/2/24/NabooFull-SW.png/revision/latest/scale-to-width-down/150?cb=20151218205422"
|
||||
const rylothImage = "https://static.wikia.nocookie.net/star-wars-canon/images/4/48/Dagobah_ep3.jpg/revision/latest/scale-to-width-down/150?cb=20161103221846"
|
||||
const tatooineImage = "https://static.wikia.nocookie.net/star-wars-canon/images/b/b7/Ryloth_Rebels.png/revision/latest/scale-to-width-down/150?cb=20161103040944"
|
||||
const dagobahImage = "https://static.wikia.nocookie.net/star-wars-canon/images/b/b0/Tatooine_TPM.png/revision/latest/scale-to-width-down/150?cb=20151124205032"
|
||||
const coruscantImage = "https://static.wikia.nocookie.net/star-wars-canon/images/7/7d/Death_Star_detail.png/revision/latest/scale-to-width-down/150?cb=20151216212148"
|
||||
const endorImage = "https://static.wikia.nocookie.net/star-wars-canon/images/9/96/Endor-DB.png/revision/latest/scale-to-width-down/150?cb=20160711234205"
|
||||
const deathstarImage = "https://static.wikia.nocookie.net/starwars/images/a/a6/Coruscant-SWJS.jpg/revision/latest/scale-to-width-down/150?cb=20240324185443"
|
||||
const dathomirImage = "https://static.wikia.nocookie.net/starwars/images/3/34/DathomirJFO.jpg/revision/latest/scale-to-width-down/150?cb=20200222032237"
|
||||
const dantooineImage = "https://static.wikia.nocookie.net/starwars/images/a/a5/Dantooine_Resistance.jpg/revision/latest/scale-to-width-down/150?cb=20200120190043"
|
||||
|
||||
export default function Main(): ReactElement {
|
||||
return (
|
||||
<Grid>
|
||||
<Grid.Item id="naboo" title="Naboo">
|
||||
<Grid.Item.Content.Image source={{data: nabooImage}}/>
|
||||
<Grid.Item.Content.Image source={{ url: nabooImage }}/>
|
||||
</Grid.Item>
|
||||
<Grid.Item id="ryloth" title="Ryloth">
|
||||
<Grid.Item.Content.Image source={{data: rylothImage}}/>
|
||||
<Grid.Item.Content.Image source={{ url: rylothImage }}/>
|
||||
</Grid.Item>
|
||||
<Grid.Item id="tatooine" title="Tatooine">
|
||||
<Grid.Item.Content.Image source={{data: tatooineImage}}/>
|
||||
<Grid.Item.Content.Image source={{ url: tatooineImage }}/>
|
||||
</Grid.Item>
|
||||
<Grid.Item id="dagobah" title="Dagobah">
|
||||
<Grid.Item.Content.Image source={{data: dagobahImage}}/>
|
||||
<Grid.Item.Content.Image source={{ url: dagobahImage }}/>
|
||||
</Grid.Item>
|
||||
<Grid.Item id="coruscant" title="Coruscant">
|
||||
<Grid.Item.Content.Image source={{data: coruscantImage}}/>
|
||||
<Grid.Item.Content.Image source={{ url: coruscantImage }}/>
|
||||
</Grid.Item>
|
||||
<Grid.Item id="endor" title="Endor">
|
||||
<Grid.Item.Content.Image source={{data: endorImage}}/>
|
||||
<Grid.Item.Content.Image source={{ url: endorImage }}/>
|
||||
</Grid.Item>
|
||||
<Grid.Item id="deathstar" title="Death Star">
|
||||
<Grid.Item.Content.Image source={{data: deathstarImage}}/>
|
||||
<Grid.Item.Content.Image source={{ url: deathstarImage }}/>
|
||||
</Grid.Item>
|
||||
<Grid.Item id="dathomir" title="Dathomir">
|
||||
<Grid.Item.Content.Image source={{data: dathomirImage}}/>
|
||||
<Grid.Item.Content.Image source={{ url: dathomirImage }}/>
|
||||
</Grid.Item>
|
||||
<Grid.Item id="dantooine" title="Dantooine">
|
||||
<Grid.Item.Content.Image source={{data: dantooineImage}}/>
|
||||
<Grid.Item.Content.Image source={{ url: dantooineImage }}/>
|
||||
</Grid.Item>
|
||||
</Grid>
|
||||
)
|
||||
|
|
|
|||
|
|
@ -1,63 +1,57 @@
|
|||
import { ReactElement } from "react";
|
||||
import { Grid } from "@project-gauntlet/api/components";
|
||||
|
||||
async function readFile(url: string): Promise<ArrayBuffer> {
|
||||
const res = await fetch(url);
|
||||
const blob = await res.blob();
|
||||
return await blob.arrayBuffer()
|
||||
}
|
||||
const theBlade1 = "https://static.wikia.nocookie.net/starwars/images/a/a4/The-Blade-1-final-cover.jpg/revision/latest/scale-to-width-down/150?cb=20221215195606"
|
||||
const theBlade2 = "https://static.wikia.nocookie.net/starwars/images/f/fd/The-Blade-2-Final-Cover.jpg/revision/latest/scale-to-width-down/150?cb=20230120033002"
|
||||
const theBlade3 = "https://static.wikia.nocookie.net/starwars/images/0/02/The-Blade-3-Final-Cover.jpg/revision/latest/scale-to-width-down/150?cb=20230227203337"
|
||||
const theBlade4 = "https://static.wikia.nocookie.net/starwars/images/6/6c/The-Blade-4-Final-Cover.jpg/revision/latest/scale-to-width-down/150?cb=20230321223753"
|
||||
|
||||
const theBlade1 = await readFile("https://static.wikia.nocookie.net/starwars/images/a/a4/The-Blade-1-final-cover.jpg/revision/latest/scale-to-width-down/150?cb=20221215195606")
|
||||
const theBlade2 = await readFile("https://static.wikia.nocookie.net/starwars/images/f/fd/The-Blade-2-Final-Cover.jpg/revision/latest/scale-to-width-down/150?cb=20230120033002")
|
||||
const theBlade3 = await readFile("https://static.wikia.nocookie.net/starwars/images/0/02/The-Blade-3-Final-Cover.jpg/revision/latest/scale-to-width-down/150?cb=20230227203337")
|
||||
const theBlade4 = await readFile("https://static.wikia.nocookie.net/starwars/images/6/6c/The-Blade-4-Final-Cover.jpg/revision/latest/scale-to-width-down/150?cb=20230321223753")
|
||||
|
||||
const vader1 = await readFile("https://static.wikia.nocookie.net/starwars/images/9/9a/Darth_VaderDark_Lord_of_the_Sith.jpg/revision/latest/scale-to-width-down/150?cb=20190223230434")
|
||||
const vader2 = await readFile("https://static.wikia.nocookie.net/starwars/images/2/2e/Darth_Vader_2_cover_art.jpg/revision/latest/scale-to-width-down/150?cb=20190223234228")
|
||||
const vader3 = await readFile("https://static.wikia.nocookie.net/starwars/images/d/df/DarthVader2017-3.jpg/revision/latest/scale-to-width-down/150?cb=20190224013414")
|
||||
const vader4 = await readFile("https://static.wikia.nocookie.net/starwars/images/c/c9/Darthvader-dlots-4-final.jpg/revision/latest/scale-to-width-down/150?cb=20190226024707")
|
||||
const vader5 = await readFile("https://static.wikia.nocookie.net/starwars/images/a/ab/Darthvader-dlots-5.jpg/revision/latest/scale-to-width-down/150?cb=20170826121053")
|
||||
const vader6 = await readFile("https://static.wikia.nocookie.net/starwars/images/2/20/DarthVader-DLotS--Solicitation.jpg/revision/latest/scale-to-width-down/150?cb=20171001165404")
|
||||
const vader7 = await readFile("https://static.wikia.nocookie.net/starwars/images/f/fa/DarthVader2017-7.jpg/revision/latest/scale-to-width-down/150?cb=20190226233333")
|
||||
const vader1 = "https://static.wikia.nocookie.net/starwars/images/9/9a/Darth_VaderDark_Lord_of_the_Sith.jpg/revision/latest/scale-to-width-down/150?cb=20190223230434"
|
||||
const vader2 = "https://static.wikia.nocookie.net/starwars/images/2/2e/Darth_Vader_2_cover_art.jpg/revision/latest/scale-to-width-down/150?cb=20190223234228"
|
||||
const vader3 = "https://static.wikia.nocookie.net/starwars/images/d/df/DarthVader2017-3.jpg/revision/latest/scale-to-width-down/150?cb=20190224013414"
|
||||
const vader4 = "https://static.wikia.nocookie.net/starwars/images/c/c9/Darthvader-dlots-4-final.jpg/revision/latest/scale-to-width-down/150?cb=20190226024707"
|
||||
const vader5 = "https://static.wikia.nocookie.net/starwars/images/a/ab/Darthvader-dlots-5.jpg/revision/latest/scale-to-width-down/150?cb=20170826121053"
|
||||
const vader6 = "https://static.wikia.nocookie.net/starwars/images/2/20/DarthVader-DLotS--Solicitation.jpg/revision/latest/scale-to-width-down/150?cb=20171001165404"
|
||||
const vader7 = "https://static.wikia.nocookie.net/starwars/images/f/fa/DarthVader2017-7.jpg/revision/latest/scale-to-width-down/150?cb=20190226233333"
|
||||
|
||||
export default function Main(): ReactElement {
|
||||
return (
|
||||
<Grid>
|
||||
<Grid.Section title="The High Republic">
|
||||
<Grid.Item id="the-blade-1" title="The Blade 1">
|
||||
<Grid.Item.Content.Image source={{data: theBlade1}}/>
|
||||
<Grid.Item.Content.Image source={{ url: theBlade1 }}/>
|
||||
</Grid.Item>
|
||||
<Grid.Item id="the-blade-2" title="The Blade 2">
|
||||
<Grid.Item.Content.Image source={{data: theBlade2}}/>
|
||||
<Grid.Item.Content.Image source={{ url: theBlade2 }}/>
|
||||
</Grid.Item>
|
||||
<Grid.Item id="the-blade-3" title="The Blade 3">
|
||||
<Grid.Item.Content.Image source={{data: theBlade3}}/>
|
||||
<Grid.Item.Content.Image source={{ url: theBlade3 }}/>
|
||||
</Grid.Item>
|
||||
<Grid.Item id="the-blade-4" title="The Blade 4">
|
||||
<Grid.Item.Content.Image source={{data: theBlade4}}/>
|
||||
<Grid.Item.Content.Image source={{ url: theBlade4 }}/>
|
||||
</Grid.Item>
|
||||
</Grid.Section>
|
||||
<Grid.Section title="Darth Vader">
|
||||
<Grid.Item id="darth-vader-1" title="Darth Vader 1">
|
||||
<Grid.Item.Content.Image source={{data: vader1}}/>
|
||||
<Grid.Item.Content.Image source={{ url: vader1 }}/>
|
||||
</Grid.Item>
|
||||
<Grid.Item id="darth-vader-2" title="Darth Vader 2">
|
||||
<Grid.Item.Content.Image source={{data: vader2}}/>
|
||||
<Grid.Item.Content.Image source={{ url: vader2 }}/>
|
||||
</Grid.Item>
|
||||
<Grid.Item id="darth-vader-3" title="Darth Vader 3">
|
||||
<Grid.Item.Content.Image source={{data: vader3}}/>
|
||||
<Grid.Item.Content.Image source={{ url: vader3 }}/>
|
||||
</Grid.Item>
|
||||
<Grid.Item id="darth-vader-4" title="Darth Vader 4">
|
||||
<Grid.Item.Content.Image source={{data: vader4}}/>
|
||||
<Grid.Item.Content.Image source={{ url: vader4 }}/>
|
||||
</Grid.Item>
|
||||
<Grid.Item id="darth-vader-5" title="Darth Vader 5">
|
||||
<Grid.Item.Content.Image source={{data: vader5}}/>
|
||||
<Grid.Item.Content.Image source={{ url: vader5 }}/>
|
||||
</Grid.Item>
|
||||
<Grid.Item id="darth-vader-6" title="Darth Vader 6">
|
||||
<Grid.Item.Content.Image source={{data: vader6}}/>
|
||||
<Grid.Item.Content.Image source={{ url: vader6 }}/>
|
||||
</Grid.Item>
|
||||
<Grid.Item id="darth-vader-7" title="Darth Vader 7">
|
||||
<Grid.Item.Content.Image source={{data: vader7}}/>
|
||||
<Grid.Item.Content.Image source={{ url: vader7 }}/>
|
||||
</Grid.Item>
|
||||
</Grid.Section>
|
||||
</Grid>
|
||||
|
|
|
|||
|
|
@ -1,18 +1,12 @@
|
|||
import { ReactElement } from "react";
|
||||
import { List } from "@project-gauntlet/api/components";
|
||||
|
||||
async function readFile(): Promise<ArrayBuffer> {
|
||||
const res = await fetch(`https://static.wikia.nocookie.net/starwars/images/4/4a/Alderaan.jpg/revision/latest?cb=20061211013805`);
|
||||
const blob = await res.blob();
|
||||
return await blob.arrayBuffer()
|
||||
}
|
||||
|
||||
const alderaanImage = await readFile()
|
||||
const alderaanImage = "https://static.wikia.nocookie.net/starwars/images/4/4a/Alderaan.jpg/revision/latest?cb=20061211013805"
|
||||
|
||||
export default function Main(): ReactElement {
|
||||
return (
|
||||
<List>
|
||||
<List.EmptyView title={"Nothing here"} description={"But there was something"} image={{ data: alderaanImage }}/>
|
||||
<List.EmptyView title={"Nothing here"} description={"But there was something"} image={{ url: alderaanImage }}/>
|
||||
</List>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue