aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorSteve Klebanoff <steve.klebanoff@gmail.com>2018-10-23 05:28:02 +0800
committerSteve Klebanoff <steve.klebanoff@gmail.com>2018-10-23 05:28:02 +0800
commit071f9a5a73eef54b657adce66d938ee444bd1d72 (patch)
tree4218ec451cad7c0e2090c6a05b2683b8de3ddf66
parent4bf1ca0d1777d56126b3c5113a129738ba3c8d0d (diff)
downloaddexon-sol-tools-071f9a5a73eef54b657adce66d938ee444bd1d72.tar
dexon-sol-tools-071f9a5a73eef54b657adce66d938ee444bd1d72.tar.gz
dexon-sol-tools-071f9a5a73eef54b657adce66d938ee444bd1d72.tar.bz2
dexon-sol-tools-071f9a5a73eef54b657adce66d938ee444bd1d72.tar.lz
dexon-sol-tools-071f9a5a73eef54b657adce66d938ee444bd1d72.tar.xz
dexon-sol-tools-071f9a5a73eef54b657adce66d938ee444bd1d72.tar.zst
dexon-sol-tools-071f9a5a73eef54b657adce66d938ee444bd1d72.zip
Spinner: change prop names and fix svg props
-rw-r--r--packages/instant/src/components/ui/spinner.tsx18
1 files changed, 9 insertions, 9 deletions
diff --git a/packages/instant/src/components/ui/spinner.tsx b/packages/instant/src/components/ui/spinner.tsx
index 7abf24256..28ebc2598 100644
--- a/packages/instant/src/components/ui/spinner.tsx
+++ b/packages/instant/src/components/ui/spinner.tsx
@@ -3,26 +3,26 @@ import * as React from 'react';
import { FullRotation } from '../animations/full_rotation';
export interface SpinnerProps {
- pxWidth: number;
- pxHeight: number;
+ widthPx: number;
+ heightPx: number;
}
export const Spinner: React.StatelessComponent<SpinnerProps> = props => {
return (
- <FullRotation width={`${props.pxWidth}px`} height={`${props.pxHeight}px`}>
+ <FullRotation width={`${props.widthPx}px`} height={`${props.heightPx}px`}>
<svg
- width={props.pxWidth}
- height={props.pxHeight}
+ width={props.widthPx}
+ height={props.heightPx}
viewBox="0 0 34 34"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
- <circle cx="17" cy="17" r="15" stroke="white" stroke-opacity="0.2" stroke-width="4" />
+ <circle cx="17" cy="17" r="15" stroke="white" strokeOpacity="0.2" strokeWidth="4" />
<path
d="M17 32C25.2843 32 32 25.2843 32 17C32 8.71573 25.2843 2 17 2"
stroke="white"
- stroke-width="4"
- stroke-linecap="round"
- stroke-linejoin="round"
+ strokeWidth="4"
+ strokeLinecap="round"
+ strokeLinejoin="round"
/>
</svg>
</FullRotation>