GGLinnk/foris-js
1
0
Fork 0
mirror of https://gitlab.nic.cz/turris/reforis/foris-js.git synced 2024-07-02 20:30:27 +00:00
Code Issues Releases Activity

Add className to SpinnerElement.

Browse Source
This commit is contained in:
Bogdan Bodnar 2019-12-06 11:31:43 +01:00
parent 5bb298270b
commit aac6c6bf2a
No known key found for this signature in database
GPG Key ID: 49E4169AD3CA42B0
2 changed files with 10 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/bootstrap/Spinner.js
View File

@ -46,6 +46,8 @@ export function Spinner({
SpinnerElement.propTypes = { SpinnerElement.propTypes = {
/** Spinner's size */ /** Spinner's size */
small: PropTypes.bool, small: PropTypes.bool,
/** Additional className */
className: PropTypes.string,
/** Children components */ /** Children components */
children: PropTypes.oneOfType([ children: PropTypes.oneOfType([
PropTypes.arrayOf(PropTypes.node), PropTypes.arrayOf(PropTypes.node),
@ -53,13 +55,16 @@ SpinnerElement.propTypes = {
]), ]),
}; };
export function SpinnerElement({ small, children }) { export function SpinnerElement({ small, className, children }) {
return ( return (
<> <>
<div className={`spinner-border ${small ? "spinner-border-sm" : ""}`} role="status"> <div
className={`spinner-border ${small ? "spinner-border-sm" : ""} ${className || ""}`.trim()}
role="status"
>
<span className="sr-only" /> <span className="sr-only" />
</div> </div>
<div className="spinner-text">{children}</div> {children && <div className="spinner-text">{children}</div>}
</> </>
); );
} }

10
src/utils/__tests__/__snapshots__/conditionalHOCs.test.js.snap
View File

@ -26,16 +26,13 @@ exports[`conditional HOCs withSpinner should render spinner 1`] = `
class="spinner-wrapper my-3 text-center" class="spinner-wrapper my-3 text-center"
> >
<div <div
class="spinner-border " class="spinner-border"
role="status" role="status"
> >
<span <span
class="sr-only" class="sr-only"
/> />
</div> </div>
<div
class="spinner-text"
/>
</div> </div>
</div> </div>
`; `;
@ -46,16 +43,13 @@ exports[`conditional HOCs withSpinnerOnSending should render spinner 1`] = `
class="spinner-wrapper my-3 text-center" class="spinner-wrapper my-3 text-center"
> >
<div <div
class="spinner-border " class="spinner-border"
role="status" role="status"
> >
<span <span
class="sr-only" class="sr-only"
/> />
</div> </div>
<div
class="spinner-text"
/>
</div> </div>
</div> </div>
`; `;