Merge pull request #195 from topcoder-platform/PROD-2533_logged-out

brooketopcoder · web-flow · commit f360df63ea63 · 2022-07-20T12:43:55.000-07:00
PROD-2533 fix loading spinner styling -&gt; dev
diff --git a/src-ts/lib/loading-spinner/LoadingSpinner.tsx b/src-ts/lib/loading-spinner/LoadingSpinner.tsx
@@ -16,7 +16,7 @@ export interface LoadingSpinnerProps {
 
 const LoadingSpinner: FC<LoadingSpinnerProps> = ({ show = false, className }: LoadingSpinnerProps) => {
     return (
-        <div className={classNames(styles['loading-spinner'], show ? 'show' : 'hide', className)}>
+        <div className={classNames(styles['loading-spinner'], styles[show ? 'show' : 'hide'], className)}>
             <PuffLoader color={'#2196f3'} loading={true} size={100} />
         </div>
     )

Original file line number	Diff line number	Diff line change
`@@ -16,7 +16,7 @@ export interface LoadingSpinnerProps {`
`16`	`16`
`17`	`17`	`const LoadingSpinner: FC<LoadingSpinnerProps> = ({ show = false, className }: LoadingSpinnerProps) => {`
`18`	`18`	`return (`
`19`		`- <div className={classNames(styles['loading-spinner'], show ? 'show' : 'hide', className)}>`
	`19`	`+ <div className={classNames(styles['loading-spinner'], styles[show ? 'show' : 'hide'], className)}>`
`20`	`20`	`<PuffLoader color={'#2196f3'} loading={true} size={100} />`
`21`	`21`	`</div>`
`22`	`22`	`)`