Small UI fixes for left pane dialogs

This commit is contained in:
Fedor Indutny 2021-09-17 15:20:49 -07:00 committed by GitHub
parent 6c906d5da8
commit f3715411c6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 298 additions and 226 deletions

View file

@ -5,6 +5,8 @@ import React from 'react';
import { LocalizerType } from '../types/Util';
import { LeftPaneDialog } from './LeftPaneDialog';
export type PropsType = {
i18n: LocalizerType;
isRegistrationDone: boolean;
@ -21,20 +23,13 @@ export const DialogRelink = ({
}
return (
<div className="LeftPaneDialog LeftPaneDialog--warning">
<div className="LeftPaneDialog__icon LeftPaneDialog__icon--relink" />
<div className="LeftPaneDialog__message">
<h3>{i18n('unlinked')}</h3>
<div>
<button
className="LeftPaneDialog__action-text"
onClick={relinkDevice}
type="button"
>
{i18n('unlinkedWarning')}
</button>
</div>
</div>
</div>
<LeftPaneDialog
type="warning"
icon="relink"
clickLabel={i18n('unlinkedWarning')}
onClick={relinkDevice}
title={i18n('unlinked')}
hasAction
/>
);
};