mirror of
https://github.com/stashapp/stash.git
synced 2025-12-18 21:04:37 +03:00
Prettier
This commit is contained in:
@@ -1,22 +1,20 @@
|
||||
import React from 'react';
|
||||
import { Spinner } from 'react-bootstrap';
|
||||
import React from "react";
|
||||
import { Spinner } from "react-bootstrap";
|
||||
|
||||
interface ILoadingProps {
|
||||
message: string;
|
||||
message: string;
|
||||
}
|
||||
|
||||
const CLASSNAME = 'LoadingIndicator';
|
||||
const CLASSNAME = "LoadingIndicator";
|
||||
const CLASSNAME_MESSAGE = `${CLASSNAME}-message`;
|
||||
|
||||
const LoadingIndicator: React.FC<ILoadingProps> = ({ message }) => (
|
||||
<div className={CLASSNAME}>
|
||||
<Spinner animation="border" role="status">
|
||||
<span className="sr-only">Loading...</span>
|
||||
</Spinner>
|
||||
<h4 className={CLASSNAME_MESSAGE}>
|
||||
{ message }
|
||||
</h4>
|
||||
</div>
|
||||
<div className={CLASSNAME}>
|
||||
<Spinner animation="border" role="status">
|
||||
<span className="sr-only">Loading...</span>
|
||||
</Spinner>
|
||||
<h4 className={CLASSNAME_MESSAGE}>{message}</h4>
|
||||
</div>
|
||||
);
|
||||
|
||||
export default LoadingIndicator;
|
||||
|
||||
Reference in New Issue
Block a user