You can not 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
1.7 KiB
55 lines
1.7 KiB
import React, { FC } from 'react'
|
|
import noop from 'lodash/noop'
|
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
|
|
import { faBuilding, faArrowLeft } from '@fortawesome/free-solid-svg-icons'
|
|
|
|
import CreateGroupForm from '../create-group-form'
|
|
|
|
export interface Props {
|
|
name?: string
|
|
registration?: string
|
|
agree?: boolean
|
|
previous?: () => void
|
|
next?: (name: string, registration: string, agree: boolean) => void
|
|
register: () => void
|
|
}
|
|
|
|
const CreateGroupStep: FC<Props> = ({
|
|
name = '',
|
|
registration = '',
|
|
agree = false,
|
|
previous = noop,
|
|
next = noop,
|
|
}) => (
|
|
<div className="centered-content">
|
|
<div className="centered-content-icon has-background-primary">
|
|
<span className="icon is-large has-text-white">
|
|
<FontAwesomeIcon icon={faBuilding} size="2x" />
|
|
</span>
|
|
</div>
|
|
|
|
<CreateGroupForm />
|
|
<hr />
|
|
|
|
<nav className="level">
|
|
<div className="level-left">
|
|
<p className="level-item">
|
|
<button className="button" onClick={() => previous()}>
|
|
<span className="icon is-small">
|
|
<FontAwesomeIcon icon={faArrowLeft} />
|
|
</span>
|
|
<span>Your Account</span>
|
|
</button>
|
|
</p>
|
|
</div>
|
|
|
|
<div className="level-right">
|
|
<p className="level-item">
|
|
<button className="button is-success" onClick={() => next(name, registration, agree)}>Finish</button>
|
|
</p>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
)
|
|
|
|
export default CreateGroupStep
|