From ec437d2bef68b55ec9d19cadb37a4e6eccac1ed4 Mon Sep 17 00:00:00 2001 From: Tim Corbly Date: Wed, 13 Nov 2024 06:42:40 -0700 Subject: [PATCH] Update leaderboard image and fix links to tutorial videos. --- src/pages/Dashboard.tsx | 2 -- src/pages/Tutorials.tsx | 29 +++++++++++---------- static/example_images/Gold_Medal_Robot.png | Bin 251694 -> 1433022 bytes 3 files changed, 15 insertions(+), 16 deletions(-) diff --git a/src/pages/Dashboard.tsx b/src/pages/Dashboard.tsx index a24b797b..7fcef7d6 100644 --- a/src/pages/Dashboard.tsx +++ b/src/pages/Dashboard.tsx @@ -107,8 +107,6 @@ class Dashboard extends React.PureComponent { description={LocalizedString.lookup(tr('See the current challenge leaderboard.'), locale)} backgroundImage={'linear-gradient(#3b3c3c, transparent), url(../../static/example_images/Gold_Medal_Robot.png)'} backgroundColor={'#3b3c3c'} - backgroundSize={'80%'} - hoverBackgroundSize={'95%'} onClick={onLeaderboardClick} /> diff --git a/src/pages/Tutorials.tsx b/src/pages/Tutorials.tsx index 11a3238b..ccce0e04 100644 --- a/src/pages/Tutorials.tsx +++ b/src/pages/Tutorials.tsx @@ -5,7 +5,6 @@ import { connect } from 'react-redux'; import { DARK, ThemeProps } from '../components/constants/theme'; import { Card } from '../components/interface/Card'; import MainMenu from '../components/MainMenu'; -import IFrame from '../components/IFrame'; import { StyleProps } from '../util/style'; import LocalizedString from '../util/LocalizedString'; @@ -31,26 +30,32 @@ const tutorialList: Tutorial [] = [ description: tr('Learn how to get started with the simulator'), backgroundColor: '#6c6ca1', backgroundImage: 'url(../../static/icons/Laptop_Icon_Sunscreen.png)', - src: 'https://www.youtube.com/embed/7Szf-iQjNCw', + src: 'https://www.youtube.com/embed/oMK00txANhE', }, { title: tr('Navigating in 3D'), description: tr('Learn the controls for navigating in 3D in the simulator'), backgroundImage: 'linear-gradient(#3b3c3c, transparent), url(../../static/example_images/Simulator_Full_View.png)', - src: 'https://www.youtube.com/embed/RBpWIpBlYK8', + src: 'https://www.youtube.com/embed/yqNbwaZz8J0', }, { title: tr('Robot Section'), description: tr('How to use the robot section'), backgroundImage: 'url(../../static/example_images/Simulator-Robot-Closeup.png)', - src: 'https://www.youtube.com/embed/SmYR1esidcc', + src: 'https://www.youtube.com/embed/B464dO7G9w4', }, { title: tr('World Section'), description: tr('Learn how to create and manipulate items and scene in the simulator'), - backgroundImage: 'linear-gradient(#3b3c3c, transparent), url(../../static/textures/Can_Ream.png)', - src: 'https://www.youtube.com/embed/K7GsS8s3Rfg', + backgroundImage: 'linear-gradient(#3b3c3c, transparent), url(../../static/example_images/Can_Ream.png)', + src: 'https://www.youtube.com/embed/50hXUwy74fQ', }, + { + title: tr('The Challenge System'), + description: tr('Learn how to use the challenge system'), + backgroundImage: 'url(../../static/example_images/Gold_Medal_Robot.png)', + src: 'https://www.youtube.com/embed/HNKFXhdKPBY', + } ]; export interface TutorialsPublicProps extends StyleProps, ThemeProps { @@ -138,9 +143,10 @@ class Tutorials extends React.Component { } private onSelect_ = (index: number) => () => { - this.setState({ - selected: tutorialList[index].src, - }); + // this.setState({ + // selected: tutorialList[index].src, + // }); + window.location.href = tutorialList[index].src; }; render() { @@ -153,11 +159,6 @@ class Tutorials extends React.Component { - {this.state.selected !== '' ? ( - -