crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Spinner: change prop names and fix svg props

Browse Source
This commit is contained in:
Steve Klebanoff
2018-10-22 14:28:02 -07:00
parent 4bf1ca0d17
commit 071f9a5a73
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
packages/instant/src/components/ui/spinner.tsx
View File

@@ -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>