GGLinnk/foris-js
1
0
Fork 0
mirror of https://gitlab.nic.cz/turris/reforis/foris-js.git synced 2025-06-16 13:46:16 +02:00
Code Issues Releases Activity

Set tests.

Browse Source
This commit is contained in:
Bogdan Bodnar
2019-08-27 15:28:29 +02:00
parent 39a8c16824
commit 18e8e20206
18 changed files with 215 additions and 199 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/bootstrap/Spinner.js
View File

@ -5,36 +5,42 @@
* See /LICENSE for more information.
*/
import React from 'react';
import PropTypes from 'prop-types';
import React from "react";
import PropTypes from "prop-types";
Spinner.propTypes = {
/** Children components put into `div` with "spinner-text" class. */
children: PropTypes.oneOfType([
PropTypes.arrayOf(PropTypes.node),
PropTypes.node
PropTypes.node,
]),
/** Render component with full-screen mode (using apropriate `.css` styles) */
fullScreen: PropTypes.bool.isRequired,
className: PropTypes.string
className: PropTypes.string,
};
Spinner.defaultProps = {
fullScreen: false,
};
export function Spinner({fullScreen, children, className, ...props}) {
export function Spinner({
fullScreen, children, className, ...props
}) {
if (!fullScreen) {
return <div className={'spinner-wrapper ' + (className ? className : '')} {...props}>
<SpinnerElement>{children}</SpinnerElement>
</div>;
return (
<div className={`spinner-wrapper ${className || ""}`} {...props}>
<SpinnerElement>{children}</SpinnerElement>
</div>
);
}
return <div className="spinner-fs-wrapper" {...props}>
<div className="spinner-fs-background">
<SpinnerElement>{children}</SpinnerElement>
return (
<div className="spinner-fs-wrapper" {...props}>
<div className="spinner-fs-background">
<SpinnerElement>{children}</SpinnerElement>
</div>
</div>
</div>
);
}
SpinnerElement.propTypes = {
@ -43,15 +49,17 @@ SpinnerElement.propTypes = {
/** Children components */
children: PropTypes.oneOfType([
PropTypes.arrayOf(PropTypes.node),
PropTypes.node
PropTypes.node,
]),
};
export function SpinnerElement({small, children}) {
return <>
<div className={'spinner-border ' + (small ? 'spinner-border-sm' : '')} role="status">
<span className="sr-only"/>
</div>
<div className="spinner-text">{children}</div>
</>
export function SpinnerElement({ small, children }) {
return (
<>
<div className={`spinner-border ${small ? "spinner-border-sm" : ""}`} role="status">
<span className="sr-only" />
</div>
<div className="spinner-text">{children}</div>
</>
);
}