From 1e8315c2946f963bd3bc0ddab1ac4f6aa6d2e39b Mon Sep 17 00:00:00 2001
From: Jon Eugster <eugster.jon@gmail.com>
Date: Wed, 19 Jul 2023 12:10:16 +0200
Subject: [PATCH] add back button

---
 client/src/components/welcome.tsx              | 6 ++++++
 client/src/components/world_selection_menu.css | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/client/src/components/welcome.tsx b/client/src/components/welcome.tsx
index 6a35c5d..75a1162 100644
--- a/client/src/components/welcome.tsx
+++ b/client/src/components/welcome.tsx
@@ -8,12 +8,15 @@ import { Box, Typography, CircularProgress } from '@mui/material';
 import cytoscape, { LayoutOptions } from 'cytoscape'
 import klay from 'cytoscape-klay';
 import './welcome.css'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { faGlobe, faHome, faCircleInfo, faArrowRight, faArrowLeft, faShield, faRotateLeft } from '@fortawesome/free-solid-svg-icons'
 import { GameIdContext } from '../app';
 import { selectCompleted } from '../state/progress';
 import { useGetGameInfoQuery } from '../state/api';
 import Markdown from './markdown';
 import WorldSelectionMenu from './world_selection_menu';
 import {PrivacyPolicy} from './privacy_policy';
+import { Button } from './button';
 
 cytoscape.use( klay );
 
@@ -100,6 +103,9 @@ function Welcome() {
     <Split className="welcome" minSize={200} sizes={[70, 30]}>
       <div className="column">
         <Typography variant="body1" component="div" className="welcome-text">
+          <Button inverted="false" title="back to games selection" to="/">
+            <FontAwesomeIcon icon={faArrowLeft} />&nbsp;<FontAwesomeIcon icon={faGlobe} />
+          </Button>
           <Markdown>{gameInfo.data?.introduction}</Markdown>
         </Typography>
       </div>
diff --git a/client/src/components/world_selection_menu.css b/client/src/components/world_selection_menu.css
index bed4b06..5a55220 100644
--- a/client/src/components/world_selection_menu.css
+++ b/client/src/components/world_selection_menu.css
@@ -2,7 +2,7 @@
   padding: .5em;
 }
 
-.world-selection-menu .btn {
+.world-selection-menu .btn, .welcome .btn {
   min-width: 5em;
   text-align: center;
   margin-left: .4em;