mirror of
https://github.com/laurent22/joplin.git
synced 2024-12-27 10:32:58 +02:00
26 lines
596 B
TypeScript
26 lines
596 B
TypeScript
|
import * as React from 'react';
|
||
|
|
import Dialog from '../Dialog';
|
||
|
|
|
||
|
|
interface Props {
|
||
|
|
message: string;
|
||
|
|
}
|
||
|
|
|
||
|
|
const ModalMessageOverlay: React.FC<Props> = ({ message }) => {
|
||
|
|
let brIndex = 1;
|
||
|
|
const lines = message.split('\n').map((line: string) => {
|
||
|
|
if (!line.trim()) return <br key={`${brIndex++}`}/>;
|
||
|
|
return <div key={line} className="text">{line}</div>;
|
||
|
|
});
|
||
|
|
|
||
|
|
return <Dialog contentFillsScreen={true}>
|
||
|
|
<div className="modal-message">
|
||
|
|
<div id="loading-animation" />
|
||
|
|
<div className="text" role="status">
|
||
|
|
{lines}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</Dialog>;
|
||
|
|
};
|
||
|
|
|
||
|
|
export default ModalMessageOverlay;
|