X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;ds=sidebyside;f=resources%2Fjs%2Fcomponents%2Ftracker%2FConfigDialog.js;h=2a5fbd68645d367609b46de019536653a4e67c7d;hb=60fd718e3b558eaea02a8d64bd6aac74be91f782;hp=ca95ba0d2bfe86a1d1ef05e6bab555a969c58963;hpb=07c9bbbb2c6ddde460f48245699f27eaf66b8ac3;p=alttp.git

diff --git a/resources/js/components/tracker/ConfigDialog.js b/resources/js/components/tracker/ConfigDialog.js
index ca95ba0..2a5fbd6 100644
--- a/resources/js/components/tracker/ConfigDialog.js
+++ b/resources/js/components/tracker/ConfigDialog.js
@@ -35,9 +35,9 @@ const ConfigDialog = ({
 						<Form.Label>{t('tracker.config.worldState')}</Form.Label>
 						<Form.Select
 							className="w-auto"
-							name="world-state"
+							name="worldState"
 							onChange={handleChange}
-							value={getConfigValue(config, 'world-state', 'open')}
+							value={getConfigValue(config, 'worldState', 'open')}
 						>
 							{['open', 'inverted'].map(n =>
 								<option key={n} value={n}>
@@ -279,6 +279,29 @@ const ConfigDialog = ({
 					</Form.Group>
 				</Col>
 			</Row>
+			<Row>
+				<Col sm={6}>
+					<h3>{t('tracker.config.layout')}</h3>
+					<Form.Group
+						className="d-flex justify-content-between my-2"
+						controlId="tracker.mapLayout"
+					>
+						<Form.Label>{t('tracker.config.mapLayout')}</Form.Label>
+						<Form.Select
+							className="w-auto"
+							name="mapLayout"
+							onChange={handleChange}
+							value={getConfigValue(config, 'mapLayout', 'horizontal')}
+						>
+							{['horizontal', 'vertical'].map(n =>
+								<option key={n} value={n}>
+									{t(`tracker.config.mapLayouts.${n}`)}
+								</option>
+							)}
+						</Form.Select>
+					</Form.Group>
+				</Col>
+			</Row>
 		</Modal.Body>
 	</Modal>;
 };