From da179b25807c2025cd164fc4bfdbf42e0de63ba7 Mon Sep 17 00:00:00 2001
From: Charis Kyriakou <charisk@users.noreply.github.com>
Date: Mon, 20 Jun 2022 08:39:28 +0100
Subject: [PATCH] Use VSCodeProgressRing instead of Primer's Spinner (#1392)

---
 .../src/remote-queries/view/DownloadSpinner.tsx        | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/extensions/ql-vscode/src/remote-queries/view/DownloadSpinner.tsx b/extensions/ql-vscode/src/remote-queries/view/DownloadSpinner.tsx
index 8ed698adc..3d8dbed18 100644
--- a/extensions/ql-vscode/src/remote-queries/view/DownloadSpinner.tsx
+++ b/extensions/ql-vscode/src/remote-queries/view/DownloadSpinner.tsx
@@ -1,19 +1,15 @@
-import { Spinner } from '@primer/react';
+import { VSCodeProgressRing } from '@vscode/webview-ui-toolkit/react';
 import * as React from 'react';
 import styled from 'styled-components';
 
 const SpinnerContainer = styled.span`
   vertical-align: middle;
-
-  svg {
-    width: 0.8em;
-    height: 0.8em;  
-  }
+  display: inline-block;
 `;
 
 const DownloadSpinner = () => (
   <SpinnerContainer>
-    <Spinner size="small" />
+    <VSCodeProgressRing style={{ height: '0.8em', width: '0.8em' }} />
   </SpinnerContainer>
 );