From 6ce5131c63d22ca21e41acc8d0abd56561efe83e Mon Sep 17 00:00:00 2001
From: Jon Eugster <eugster.jon@gmail.com>
Date: Mon, 9 Oct 2023 10:41:56 +0200
Subject: [PATCH] open-book icon for closing inventory button on mobile #89

---
 client/src/components/app_bar.tsx   | 8 ++++----
 client/src/components/inventory.tsx | 2 +-
 client/src/components/level.tsx     | 2 +-
 client/src/components/welcome.tsx   | 2 +-
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/client/src/components/app_bar.tsx b/client/src/components/app_bar.tsx
index 6b723d2..1558bf3 100644
--- a/client/src/components/app_bar.tsx
+++ b/client/src/components/app_bar.tsx
@@ -7,7 +7,7 @@ import { useSelector } from 'react-redux'
 import { useAppDispatch, useAppSelector } from '../hooks'
 import { Button } from './button'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faDownload, faUpload, faEraser, faBook, faGlobe, faHome, faArrowRight, faArrowLeft, faXmark, faBars, faCode, faCircleInfo, faTerminal } from '@fortawesome/free-solid-svg-icons'
+import { faDownload, faUpload, faEraser, faBook, faBookOpen, faGlobe, faHome, faArrowRight, faArrowLeft, faXmark, faBars, faCode, faCircleInfo, faTerminal } from '@fortawesome/free-solid-svg-icons'
 import { PrivacyPolicyPopup } from './privacy_policy'
 import { WorldSelectionMenu, downloadFile } from './world_tree'
 
@@ -19,7 +19,7 @@ function MobileNav({pageNumber, setPageNumber}:
   const dispatch = useAppDispatch()
 
   let prevText = {0 : null, 1: "Intro", 2: null}[pageNumber]
-  let prevIcon = {0 : null, 1: null, 2: faXmark}[pageNumber]
+  let prevIcon = {0 : null, 1: null, 2: faBookOpen}[pageNumber]
   let prevTitle = {
     0: null,
     1: "Game Introduction",
@@ -312,8 +312,8 @@ export function LevelAppBar({
             </Button>
           : pageNumber == 1 &&
             <Button className="btn btn-inverted toggle-width" to=""
-                title="show inventory" inverted="true" onClick={() => {setPageNumber(0)}}>
-              <FontAwesomeIcon icon={faXmark}/>
+                title="close inventory" inverted="true" onClick={() => {setPageNumber(0)}}>
+              <FontAwesomeIcon icon={faBookOpen}/>
             </Button>
           }
           <Button to="" className="btn toggle-width" id="menu-btn" onClick={(ev) => {setNavOpen(!navOpen)}} >
diff --git a/client/src/components/inventory.tsx b/client/src/components/inventory.tsx
index da3d07d..5b56503 100644
--- a/client/src/components/inventory.tsx
+++ b/client/src/components/inventory.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { useState, useEffect } from 'react';
 import './inventory.css'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faLock, faLockOpen, faBook, faHammer, faBan } from '@fortawesome/free-solid-svg-icons'
+import { faLock, faBan } from '@fortawesome/free-solid-svg-icons'
 import { GameIdContext } from '../app';
 import Markdown from './markdown';
 import { useLoadDocQuery, InventoryTile, LevelInfo, InventoryOverview, useLoadInventoryOverviewQuery } from '../state/api';
diff --git a/client/src/components/level.tsx b/client/src/components/level.tsx
index 8f97f67..bee59d8 100644
--- a/client/src/components/level.tsx
+++ b/client/src/components/level.tsx
@@ -4,7 +4,7 @@ import { useSelector, useStore } from 'react-redux'
 import Split from 'react-split'
 import { useParams } from 'react-router-dom'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faBars, faBook, faCode, faXmark, faHome, faCircleInfo, faArrowRight, faArrowLeft, faTerminal } from '@fortawesome/free-solid-svg-icons'
+import { faBars, faCode, faXmark, faHome, faCircleInfo, faArrowRight, faArrowLeft, faTerminal } from '@fortawesome/free-solid-svg-icons'
 import { CircularProgress } from '@mui/material'
 import type { Location } from 'vscode-languageserver-protocol'
 import * as monaco from 'monaco-editor/esm/vs/editor/editor.api.js'
diff --git a/client/src/components/welcome.tsx b/client/src/components/welcome.tsx
index 1fd637e..c2ead1a 100644
--- a/client/src/components/welcome.tsx
+++ b/client/src/components/welcome.tsx
@@ -4,7 +4,7 @@ import { useSelector } from 'react-redux'
 import Split from 'react-split'
 import { Box, Typography, CircularProgress } from '@mui/material'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faGlobe, faBook, faArrowRight, faArrowLeft } from '@fortawesome/free-solid-svg-icons'
+import { faGlobe, faArrowRight, faArrowLeft } from '@fortawesome/free-solid-svg-icons'
 
 import { GameIdContext } from '../app'
 import { useAppDispatch } from '../hooks'