From a2761b1f7eccca7506404abb0fd0c436613608d8 Mon Sep 17 00:00:00 2001
From: Adrian Castro <22133246+castdrian@users.noreply.github.com>
Date: Sun, 24 Mar 2024 21:52:08 +0100
Subject: [PATCH] chore: format

---
 .../src/components/player/settings/Sheet.tsx  | 51 ++++++++++---------
 1 file changed, 28 insertions(+), 23 deletions(-)

diff --git a/apps/expo/src/components/player/settings/Sheet.tsx b/apps/expo/src/components/player/settings/Sheet.tsx
index 9e0ad30..871eca3 100644
--- a/apps/expo/src/components/player/settings/Sheet.tsx
+++ b/apps/expo/src/components/player/settings/Sheet.tsx
@@ -53,29 +53,29 @@ function SettingsSheetFrame({
   children: React.ReactNode;
   isLoading?: boolean;
 }) {
-	const insets = useSafeAreaInsets();
+  const insets = useSafeAreaInsets();
 
   return (
-	<View style={{flex: 1}} backgroundColor='black'>
-    <Sheet.Frame
-      backgroundColor="$playerSettingsBackground"
-      padding="$5"
-	  left={insets.left}
-	  right={insets.right}
-      gap="$4"
-    >
-      {isLoading && (
-        <Spinner
-          size="large"
-          color="$loadingIndicator"
-          style={{
-            position: "absolute",
-          }}
-        />
-      )}
-      {!isLoading && children}
-    </Sheet.Frame>
-	</View>
+    <View style={{ flex: 1 }} backgroundColor="black">
+      <Sheet.Frame
+        backgroundColor="$playerSettingsBackground"
+        padding="$5"
+        left={insets.left}
+        right={insets.right}
+        gap="$4"
+      >
+        {isLoading && (
+          <Spinner
+            size="large"
+            color="$loadingIndicator"
+            style={{
+              position: "absolute",
+            }}
+          />
+        )}
+        {!isLoading && children}
+      </Sheet.Frame>
+    </View>
   );
 }
 
@@ -88,11 +88,16 @@ function SettingsHeader({
   title: string;
   rightButton?: React.ReactNode;
 }) {
-	const insets = useSafeAreaInsets();
+  const insets = useSafeAreaInsets();
 
   return (
     <>
-	<View style={{ paddingRight: insets.right }} flexDirection="row" alignItems="center" gap="$4">
+      <View
+        style={{ paddingRight: insets.right }}
+        flexDirection="row"
+        alignItems="center"
+        gap="$4"
+      >
         {icon}
         <PlayerText flexGrow={1}>{title}</PlayerText>
         {rightButton}