QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-17 21:30:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: register wizard steps component.

Browse Source
This commit is contained in:
Ahmed Bouhuolia
2020-10-10 17:04:51 +02:00
parent b8060010d6
commit 8622320eef
3 changed files with 40 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
client/src/containers/Authentication/Register/RegisterWizardSteps.js
View File

@@ -1,32 +1,32 @@
import React from 'react';
import { FormattedMessage as T, useIntl } from 'react-intl';
import classNames from 'classnames';
import { FormattedMessage as T } from 'react-intl';
import { registerWizardSteps } from 'common/registerWizard'
function RegisterWizardSteps() {
function RegisterWizardStep({
label,
isActive = false
}) {
return (
<li className={classNames({ 'is-active': isActive })}>
<p className={'wizard-info'}><T id={label} /></p>
</li>
);
}
function RegisterWizardSteps({
currentStep = 1,
}) {
return (
<div className={'register-wizard-steps'}>
<div className={'wizard-container'}>
<ul className={'wizard-wrapper'}>
<li>
<p className={'wizard-info'}>
<T id={'organization_register'} />
</p>
</li>
<li>
<p className={'wizard-info'}>
<T id={'payment_or_trial'} />
</p>
</li>
<li className="complete">
<p className={'wizard-info'}>
<T id={'getting_started'} />
</p>
</li>
<li>
<p className={'wizard-info'}>
<T id={'initializing'} />
</p>
</li>
{registerWizardSteps.map((step, index) => (
<RegisterWizardStep
label={step.label}
isActive={(index + 1) <= currentStep}
/>
))}
</ul>
</div>
</div>