Use VSCodeProgressRing instead of Primer's Spinner (#1392)

This commit is contained in:
Charis Kyriakou
2022-06-20 08:39:28 +01:00
committed by GitHub
parent 0714f06adc
commit da179b2580

View File

@@ -1,19 +1,15 @@
import { Spinner } from '@primer/react'; import { VSCodeProgressRing } from '@vscode/webview-ui-toolkit/react';
import * as React from 'react'; import * as React from 'react';
import styled from 'styled-components'; import styled from 'styled-components';
const SpinnerContainer = styled.span` const SpinnerContainer = styled.span`
vertical-align: middle; vertical-align: middle;
display: inline-block;
svg {
width: 0.8em;
height: 0.8em;
}
`; `;
const DownloadSpinner = () => ( const DownloadSpinner = () => (
<SpinnerContainer> <SpinnerContainer>
<Spinner size="small" /> <VSCodeProgressRing style={{ height: '0.8em', width: '0.8em' }} />
</SpinnerContainer> </SpinnerContainer>
); );