diff --git a/viewer/src/App.css b/viewer/src/App.css index 7285153..c9b036b 100644 --- a/viewer/src/App.css +++ b/viewer/src/App.css @@ -61,7 +61,7 @@ a img { position: absolute; width: 120%; min-width: 1920px; - opacity: .5; + opacity: .1; z-index: -1; } diff --git a/viewer/src/App.js b/viewer/src/App.js index 2c33d68..ed712c7 100644 --- a/viewer/src/App.js +++ b/viewer/src/App.js @@ -1,6 +1,7 @@ import { Container, Loading } from './components/generic' import { log, callApi, exportSvg } from './modules/helpers' import download from 'downloadjs' +import DraftRocketeer from './assets/draft-rocketeer.png' import './App.css' import { useEffect, useState } from 'react' @@ -22,11 +23,11 @@ function App() { // Get ID from url useEffect( () => { - // Expecting /rocketeer/:id - const { pathname } = window.location + const { search } = window.location + const query = new URLSearchParams( search ) + const id = Number( query.get( 'rocketeer' ) || 'none' ) - // Remove '/rocketeer/' - const id = Number( pathname.replace( '/rocketeer/', '' ) ) + log( 'Id found: ', id ) // Check if id is a number if( isNaN( id ) ) return setError( 'No rocketeer selected' ) @@ -105,15 +106,15 @@ function App() { if( rocketeer ) return - + {

{ rocketeer.name }

-

{ rocketeer.description }

+

{ rocketeer.description || "This is a generic Rocketeer without a description. That should only happen during testing. Contact us on Discord if you see this." }

Download SVG - downloadJPEG( e, 500 ) } className="button">Download JPEG + downloadJPEG( e, 500 ) } className="button">Download JPEG
diff --git a/viewer/src/assets/draft-rocketeer.png b/viewer/src/assets/draft-rocketeer.png new file mode 100644 index 0000000..cd94500 Binary files /dev/null and b/viewer/src/assets/draft-rocketeer.png differ diff --git a/viewer/src/assets/undraw_To_the_stars_qhyy.svg b/viewer/src/assets/undraw_To_the_stars_qhyy.svg new file mode 100644 index 0000000..2c71ae0 --- /dev/null +++ b/viewer/src/assets/undraw_To_the_stars_qhyy.svg @@ -0,0 +1 @@ +To the stars \ No newline at end of file diff --git a/viewer/src/assets/undraw_connected_world_wuay.svg b/viewer/src/assets/undraw_connected_world_wuay.svg new file mode 100644 index 0000000..bdd71c0 --- /dev/null +++ b/viewer/src/assets/undraw_connected_world_wuay.svg @@ -0,0 +1 @@ +connected world \ No newline at end of file diff --git a/viewer/src/components/generic.js b/viewer/src/components/generic.js index 396526c..b86af46 100644 --- a/viewer/src/components/generic.js +++ b/viewer/src/components/generic.js @@ -1,4 +1,4 @@ -// import ContainerBackground from '../assets/undraw_launch_day_4e04.svg' +import ContainerBackground from '../assets/undraw_connected_world_wuay.svg' export const Container = ( { children } ) =>
@@ -8,7 +8,7 @@ export const Container = ( { children } ) =>
- { /* Launching rocket */ } + Launching rocket