movie-web/native-app
1
0
Fork 0
mirror of https://github.com/movie-web/native-app.git synced 2025-09-13 16:43:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: format

Browse Source
This commit is contained in:
Adrian Castro
2024-03-24 21:52:08 +01:00
parent 44df83c9fb
commit a2761b1f7e
1 changed files with 28 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
apps/expo/src/components/player/settings/Sheet.tsx
View File

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