fix: spinner size

fingerprintjs · Jul 11, 2024 · 9071869 · 9071869
1 parent c2eab89
commit 9071869
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/app/playground/Playground.tsx b/src/app/playground/Playground.tsx
@@ -519,14 +519,18 @@ function Playground() {
           <Container size='large' className={classnames(styles.isSection, styles.jsonSection)}>
             <div className={styles.jsonContainer}>
               <div>
-                <h4 className={styles.jsonTitle}>JavaScript Agent Response {isLoadingAgentResponse && <Spinner />}</h4>
+                <h4 className={styles.jsonTitle}>
+                  JavaScript Agent Response {isLoadingAgentResponse && <Spinner size={16} />}
+                </h4>
                 <CollapsibleJsonViewer
                   dataTestId={TEST_IDS.playground.agentResponseJSON}
                   json={displayedAgentResponse ?? {}}
                 />
               </div>
               <div>
-                <h4 className={styles.jsonTitle}>Server API Response {isLoadingServerResponse && <Spinner />}</h4>
+                <h4 className={styles.jsonTitle}>
+                  Server API Response {isLoadingServerResponse && <Spinner size={16} />}
+                </h4>
                 <CollapsibleJsonViewer
                   dataTestId={TEST_IDS.playground.serverResponseJSON}
                   json={usedIdentificationEvent ?? {}}

diff --git a/src/client/components/common/Spinner/Spinner.tsx b/src/client/components/common/Spinner/Spinner.tsx
@@ -4,7 +4,7 @@ import { SpinnerSvg } from '../../../img/SpinnerSvg';
 import classNames from 'classnames';
 
 export const Spinner: FunctionComponent<{
-  size?: number;
+  size: number;
   className?: string;
 }> = ({ size, className }) => (
   <SpinnerSvg className={classNames(styles.spinner, className)} width={size} height={size} />