From d369e32c4fbe0746c3049ceeb838fa2db77fb1c6 Mon Sep 17 00:00:00 2001
From: Violet Caulfield <violet@cosmonautical.cloud>
Date: Thu, 17 Apr 2025 18:38:40 -0500
Subject: [PATCH] update spinner in player

---
 components/Player/helpers/buttons.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/Player/helpers/buttons.tsx b/components/Player/helpers/buttons.tsx
index ad8b439b..066ab8d1 100644
--- a/components/Player/helpers/buttons.tsx
+++ b/components/Player/helpers/buttons.tsx
@@ -1,6 +1,6 @@
 import { State } from 'react-native-track-player'
 import { Colors } from 'react-native/Libraries/NewAppScreen'
-import { Spinner, View } from 'tamagui'
+import { Circle, Spinner, View } from 'tamagui'
 import { usePlayerContext } from '../../../player/provider'
 import IconButton from '../../../components/Global/helpers/icon-button'
 
@@ -29,7 +29,11 @@ export default function PlayPauseButton({
 
 		case State.Buffering:
 		case State.Loading: {
-			button = <Spinner marginHorizontal={10} size='small' color={Colors.Primary} />
+			button = (
+				<Circle size={size} disabled>
+					<Spinner marginHorizontal={10} size='small' color={Colors.Primary} />
+				</Circle>
+			)
 			break
 		}