Improve MineGeo UI and application flows
Some checks failed
Deploy MineGeo to Dokploy / deploy (push) Failing after 2m37s
Some checks failed
Deploy MineGeo to Dokploy / deploy (push) Failing after 2m37s
This commit is contained in:
@@ -198,6 +198,7 @@ export function Game({ id }: { id: string }) {
|
||||
key={session.round}
|
||||
urls={current.faces}
|
||||
zoom={session.difficultySettings.zoom}
|
||||
pan={session.difficultySettings.pan}
|
||||
onReady={ready}
|
||||
onError={onError}
|
||||
/>
|
||||
@@ -239,7 +240,7 @@ export function Game({ id }: { id: string }) {
|
||||
>
|
||||
<MapIcon size={20} aria-hidden="true" />
|
||||
<span>{pin ? t("Edit your guess") : t("Open guess map")}</span>
|
||||
{pin && (
|
||||
{pin && session.difficultySettings.coordinates !== false && (
|
||||
<small>
|
||||
X {Math.round(pin.x)} · Z {Math.round(pin.z)}
|
||||
</small>
|
||||
@@ -247,7 +248,13 @@ export function Game({ id }: { id: string }) {
|
||||
</button>
|
||||
<div className="game-map-content" id="guess-map-panel">
|
||||
<div className="map-topline">
|
||||
<span>{t("↑ N · PLACE YOUR GUESS")}</span>
|
||||
<span>
|
||||
{t(
|
||||
session.difficultySettings.compass === false
|
||||
? "PLACE YOUR GUESS"
|
||||
: "↑ N · PLACE YOUR GUESS",
|
||||
)}
|
||||
</span>
|
||||
<button
|
||||
aria-label={expanded ? t("Collapse map") : t("Expand map")}
|
||||
onClick={() => setExpanded((v) => !v)}
|
||||
@@ -265,11 +272,15 @@ export function Game({ id }: { id: string }) {
|
||||
onReady={mapReady}
|
||||
onError={onError}
|
||||
disabled={!!result || busy}
|
||||
zoom={session.difficultySettings.mapZoom}
|
||||
compass={session.difficultySettings.compass}
|
||||
/>
|
||||
<div className="map-actions">
|
||||
<small>
|
||||
{pin
|
||||
? `X ${Math.round(pin.x)} · Z ${Math.round(pin.z)}`
|
||||
? session.difficultySettings.coordinates !== false
|
||||
? `X ${Math.round(pin.x)} · Z ${Math.round(pin.z)}`
|
||||
: t("Guess selected")
|
||||
: t("Click the map to drop a pin")}
|
||||
</small>
|
||||
<button
|
||||
@@ -286,13 +297,18 @@ export function Game({ id }: { id: string }) {
|
||||
)}
|
||||
<div className="look-help">
|
||||
<span>
|
||||
<Move size={12} /> {t("DRAG TO LOOK AROUND")}
|
||||
<Move size={12} />{" "}
|
||||
{t(
|
||||
session?.difficultySettings.pan === false
|
||||
? "FIXED VIEW"
|
||||
: "DRAG TO LOOK AROUND",
|
||||
)}
|
||||
</span>
|
||||
<span>
|
||||
<MousePointer2 size={12} />{" "}
|
||||
{session && !session.difficultySettings.zoom
|
||||
? t("NO ZOOM")
|
||||
: t("SCROLL TO ZOOM")}
|
||||
{session && !session.difficultySettings.zoom
|
||||
? t("NO ZOOM")
|
||||
: t("SCROLL TO ZOOM")}
|
||||
</span>
|
||||
</div>
|
||||
{(!session || !loaded.panorama || !loaded.map) && !error && (
|
||||
|
||||
Reference in New Issue
Block a user