36 lines
No EOL
1.1 KiB
TypeScript
36 lines
No EOL
1.1 KiB
TypeScript
import React from 'react'
|
|
import { createPortal } from 'react-dom'
|
|
import api from '~utils/api'
|
|
|
|
import Modal from '~components/Modal'
|
|
import Overlay from '~components/Overlay'
|
|
|
|
import './index.scss'
|
|
|
|
interface Props {
|
|
close: () => void
|
|
}
|
|
|
|
const AboutModal = (props: Props) => {
|
|
return (
|
|
createPortal(
|
|
<div>
|
|
<Modal
|
|
title="About"
|
|
styleName="AboutModal"
|
|
close={ () => {} }
|
|
>
|
|
<div>
|
|
<p>Siero is a tool to save and share parties for <a href="https://game.granbluefantasy.jp">Granblue Fantasy.</a></p>
|
|
<p>All you need to do to get started is start adding things. Siero will make a URL and you can share your party with the world.</p>
|
|
<p>If you want to save your parties for safe keeping or to edit them later, you can make a free account.</p>
|
|
</div>
|
|
</Modal>
|
|
<Overlay onClick={props.close} />
|
|
</div>,
|
|
document.body
|
|
)
|
|
)
|
|
}
|
|
|
|
export default AboutModal |