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.
55 lines
2.2 KiB
TypeScript
55 lines
2.2 KiB
TypeScript
/**
|
|
* @fileOverview
|
|
*/
|
|
import * as React from 'react'
|
|
import { Typography } from '@mui/material'
|
|
import Markdown from '../markdown'
|
|
import { Trans, useTranslation } from 'react-i18next'
|
|
import { GameIdContext } from '../../app'
|
|
import { useGetGameInfoQuery } from '../../state/api'
|
|
|
|
/** Pop-up that is displaying the Game Info.
|
|
*
|
|
* `handleClose` is the function to close it again because it's open/closed state is
|
|
* controlled by the containing element.
|
|
*/
|
|
export function InfoPopup () {
|
|
let { t } = useTranslation()
|
|
const {gameId} = React.useContext(GameIdContext)
|
|
const gameInfo = useGetGameInfoQuery({game: gameId})
|
|
|
|
return <>
|
|
<Typography variant="body1" component="div" className="welcome-text">
|
|
<Markdown>{t(gameInfo.data?.info, {ns: gameId})}</Markdown>
|
|
<hr />
|
|
<Trans>
|
|
<h2>Progress saving</h2>
|
|
<p>
|
|
The game stores your progress in your local browser storage. If you delete it, your progress will be lost!<br />
|
|
Warning: In most browsers, deleting cookies will also clear the local storage (or "local site data").
|
|
Make sure to download your game progress first!
|
|
</p>
|
|
<h2>Development</h2>
|
|
<p>The game engine has been created by <strong>Alexander Bentkamp</strong>, <strong>Jon Eugster</strong>.
|
|
On a prototype by <strong>Patrick Massot</strong>.
|
|
</p>
|
|
<p>
|
|
The source code of this Lean game engine
|
|
is <a href="https://github.com/leanprover-community/lean4game" target="_blank">available on Github</a>.
|
|
If you experience any problems, please
|
|
file an <a href="https://github.com/leanprover-community/lean4game/issues" target="_blank">Issue on Github</a> or
|
|
get directly in contact.
|
|
</p>
|
|
<h2>Funding</h2>
|
|
<p>
|
|
The game engine has been developed as part of the
|
|
project <a href="https://hhu-adam.github.io/" target="_blank">ADAM: Anticipating the Digital
|
|
Age of Mathematics</a> at
|
|
Heinrich-Heine-Universität Düsseldorf. It is funded by
|
|
the <i>Stiftung Innovation in der Hochschullehre</i> as part of project <i>Freiraum 2022</i>.
|
|
</p>
|
|
</Trans>
|
|
</Typography>
|
|
</>
|
|
}
|