You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
56 lines
1.6 KiB
TypeScript
56 lines
1.6 KiB
TypeScript
/**
|
|
* @fileOverview
|
|
*/
|
|
import * as React from 'react'
|
|
|
|
/** Pop-up that is displayed when opening the help explaining the game rules.
|
|
*
|
|
* `handleClose` is the function to close it again because it's open/closed state is
|
|
* controlled by the containing element.
|
|
*/
|
|
export function RulesHelpPopup ({handleClose}: {handleClose: () => void}) {
|
|
return <div className="privacy-policy modal-wrapper">
|
|
<div className="modal-backdrop" onClick={handleClose} />
|
|
<div className="modal">
|
|
<div className="codicon codicon-close modal-close" onClick={handleClose}></div>
|
|
<h2>Game Rules</h2>
|
|
<p>
|
|
Game rules determine if it is allowed to skip levels and if the games runs checks to only
|
|
allow unlocked tactics and theorems in proofs.
|
|
</p>
|
|
<p>
|
|
Note: "Unlocked" tactics (or theorems) are determined by two things: The set of minimal
|
|
tactics needed to solve a level, plus any tactics you unlocked in another level. That means
|
|
if you unlock <code>simp</code> in a level, you can use it henceforth in any level.
|
|
</p>
|
|
<p>The options are:</p>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th scope="col"></th>
|
|
<th scope="col">levels</th>
|
|
<th scope="col">tactics</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<th scope="row">regular</th>
|
|
<td>🔐</td>
|
|
<td>🔐</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">relaxed</th>
|
|
<td>🔓</td>
|
|
<td>🔐</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">none</th>
|
|
<td>🔓</td>
|
|
<td>🔓</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
}
|