|
|
|
@ -117,7 +117,7 @@ export function WorldSelectionMenu() {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function label(x : number) {
|
|
|
|
function label(x : number) {
|
|
|
|
return x == 0 ? 'Playground' : x == 1 ? 'Explorer' : 'Strict'
|
|
|
|
return x == 0 ? 'Playground' : x == 1 ? 'Explorer' : 'Regular'
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
return <nav className="world-selection-menu">
|
|
|
|
return <nav className="world-selection-menu">
|
|
|
|
@ -126,14 +126,14 @@ export function WorldSelectionMenu() {
|
|
|
|
<Button title="Clear game progress" to="" onClick={openEraseMenu}><FontAwesomeIcon icon={faEraser} /></Button>
|
|
|
|
<Button title="Clear game progress" to="" onClick={openEraseMenu}><FontAwesomeIcon icon={faEraser} /></Button>
|
|
|
|
<div className="slider-wrap">
|
|
|
|
<div className="slider-wrap">
|
|
|
|
<Slider
|
|
|
|
<Slider
|
|
|
|
title="Difficulties: - strict: 🔐 levels, 🔐 tactics - explorer: 🔓 levels, 🔐 tactics - playground: 🔓 levels, 🔓 tactics"
|
|
|
|
title="Difficulties: - regular: 🔐 levels, 🔐 tactics - explorer: 🔓 levels, 🔐 tactics - playground: 🔓 levels, 🔓 tactics"
|
|
|
|
min={0} max={2}
|
|
|
|
min={0} max={2}
|
|
|
|
aria-label="Mode"
|
|
|
|
aria-label="Mode"
|
|
|
|
defaultValue={difficulty}
|
|
|
|
defaultValue={difficulty}
|
|
|
|
marks={[
|
|
|
|
marks={[
|
|
|
|
{value: 0, label: 'playground'},
|
|
|
|
{value: 0, label: 'playground'},
|
|
|
|
{value: 1, label: 'explorer'},
|
|
|
|
{value: 1, label: 'explorer'},
|
|
|
|
{value: 2, label: 'strict'}
|
|
|
|
{value: 2, label: 'regular'}
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
valueLabelFormat={label}
|
|
|
|
valueLabelFormat={label}
|
|
|
|
getAriaValueText={label}
|
|
|
|
getAriaValueText={label}
|
|
|
|
|