|
@@ -7,6 +7,8 @@ import { apiv3Post } from '~/client/util/apiv3-client';
|
|
|
|
|
|
|
|
import { useCurrentUser } from '../stores/context';
|
|
import { useCurrentUser } from '../stores/context';
|
|
|
|
|
|
|
|
|
|
+import { LoadingSpinnerPulse } from './LoadingSpinnerPulse';
|
|
|
|
|
+
|
|
|
|
|
|
|
|
export type InvitedFormProps = {
|
|
export type InvitedFormProps = {
|
|
|
invitedFormUsername: string,
|
|
invitedFormUsername: string,
|
|
@@ -141,7 +143,13 @@ export const InvitedForm = (props: InvitedFormProps): JSX.Element => {
|
|
|
<div className="input-group justify-content-center d-flex mt-4">
|
|
<div className="input-group justify-content-center d-flex mt-4">
|
|
|
<button type="submit" className="btn btn-fill" id="register" disabled={isLoading}>
|
|
<button type="submit" className="btn btn-fill" id="register" disabled={isLoading}>
|
|
|
<div className="eff"></div>
|
|
<div className="eff"></div>
|
|
|
- <span className="btn-label"><i className={isLoading ? 'fa fa-spinner fa-pulse me-1' : 'icon-user-follow'} /></span>
|
|
|
|
|
|
|
+ <span className="btn-label">
|
|
|
|
|
+ {isLoading ? (
|
|
|
|
|
+ <LoadingSpinnerPulse />
|
|
|
|
|
+ ) : (
|
|
|
|
|
+ <i className="icon-user-follow" />
|
|
|
|
|
+ )}
|
|
|
|
|
+ </span>
|
|
|
<span className="btn-label-text">{t('Create')}</span>
|
|
<span className="btn-label-text">{t('Create')}</span>
|
|
|
</button>
|
|
</button>
|
|
|
</div>
|
|
</div>
|