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>
  );
}