Improve MineGeo exploration and mapping features

components/ContributionInstructions.tsx

@@ -0,0 +1,54 @@
+import Link from "next/link";
+export function ContributionInstructions({
+  id,
+  bounds,
+  serverAddress,
+}: {
+  id: string;
+  bounds: { minX: number; minZ: number; maxX: number; maxZ: number };
+  serverAddress: string | null;
+}) {
+  return (
+    <div className="token-box">
+      <h3>Add panoramas to this map</h3>
+      {serverAddress ? (
+        <div>
+          <p>Contribution server:</p>
+          <code>{serverAddress}</code>
+          <p>
+            Capture on this server. Uploads from a different address are
+            blocked.
+          </p>
+        </div>
+      ) : (
+        <p className="muted">
+          Server check is off. The owner has not set a server address; captures
+          from other servers can be submitted. Only submit panoramas from this
+          map’s world.
+        </p>
+      )}
+      <p>
+        Capture in the same Minecraft world, within X {bounds.minX} to{" "}
+        {bounds.maxX} and Z {bounds.minZ} to {bounds.maxZ}. Each player may add
+        up to 12 panoramas in total; the map holds at most 24, including pending
+        uploads.
+      </p>
+      <p>
+        In the Fabric mod, paste this map ID into “Add to map”. For the server
+        plugin, export the area and run:
+      </p>
+      <code>/minegeo contribute {id}</code>
+      <p>
+        Map ID: <code>{id}</code>
+      </p>
+      <p>
+        Open your dashboard after processing, inspect your panoramas, and submit
+        them to the owner. The owner approves them first, then moderators review
+        the map update.
+      </p>
+      <Link className="button" href="/downloads">
+        Get the capture tools →
+      </Link>
+    </div>
+  );
+}