diff --git a/client/src/components/world_tree.tsx b/client/src/components/world_tree.tsx index a6e3c21..cd94a85 100644 --- a/client/src/components/world_tree.tsx +++ b/client/src/components/world_tree.tsx @@ -2,21 +2,22 @@ * @fileOverview Define the menu displayed with the tree of worlds on the welcome page */ import * as React from 'react' -import { Link } from 'react-router-dom'; -import { useStore, useSelector } from 'react-redux'; +import { Link } from 'react-router-dom' +import { useStore, useSelector } from 'react-redux' +import { Slider } from '@mui/material' +import cytoscape, { LayoutOptions } from 'cytoscape' +import klay from 'cytoscape-klay' import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' import { faDownload, faUpload, faEraser, faGlobe, faArrowLeft } from '@fortawesome/free-solid-svg-icons' -import { store } from '../state/store'; - -import './world_tree.css' +import { GameIdContext } from '../app' +import { useAppDispatch } from '../hooks' +import { deleteProgress, selectProgress, loadProgress, GameProgressState, + selectDifficulty, changedDifficulty, selectCompleted } from '../state/progress' +import { store } from '../state/store' import { Button } from './button' -import { GameIdContext } from '../app'; -import { useAppDispatch } from '../hooks'; -import { deleteProgress, selectProgress, loadProgress, GameProgressState, selectDifficulty, changedDifficulty, selectCompleted } from '../state/progress'; -import { Slider } from '@mui/material'; -import cytoscape, { LayoutOptions } from 'cytoscape' -import klay from 'cytoscape-klay'; + +import './world_tree.css' // Settings for the world tree cytoscape.use( klay ) @@ -127,7 +128,8 @@ const downloadFile = ({ data, fileName, fileType } : a.remove() } -/** The menu that is shown next to the world selection graph */ +// TODO: I think this should be removed and that single button incorporated differently +/** Menu on desktop to go back to game server */ export function WelcomeMenu() { return