movie-web/native-app
1
0
Fork 0
mirror of https://github.com/movie-web/native-app.git synced 2025-09-13 18:13: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; children: React.ReactNode;
isLoading?: boolean; isLoading?: boolean;
}) { }) {
const insets = useSafeAreaInsets(); const insets = useSafeAreaInsets();
return ( return (
<View style={{flex: 1}} backgroundColor='black'> <View style={{ flex: 1 }} backgroundColor="black">
<Sheet.Frame <Sheet.Frame
backgroundColor="$playerSettingsBackground" backgroundColor="$playerSettingsBackground"
padding="$5" padding="$5"
left={insets.left} left={insets.left}
right={insets.right} right={insets.right}
gap="$4" gap="$4"
> >
{isLoading && ( {isLoading && (
<Spinner <Spinner
size="large" size="large"
color="$loadingIndicator" color="$loadingIndicator"
style={{ style={{
position: "absolute", position: "absolute",
}} }}
/> />
)} )}
{!isLoading && children} {!isLoading && children}
</Sheet.Frame> </Sheet.Frame>
</View> </View>
); );
} }
@@ -88,11 +88,16 @@ function SettingsHeader({
title: string; title: string;
rightButton?: React.ReactNode; rightButton?: React.ReactNode;
}) { }) {
const insets = useSafeAreaInsets(); const insets = useSafeAreaInsets();
return ( return (
<> <>
<View style={{ paddingRight: insets.right }} flexDirection="row" alignItems="center" gap="$4"> <View
style={{ paddingRight: insets.right }}
flexDirection="row"
alignItems="center"
gap="$4"
>
{icon} {icon}
<PlayerText flexGrow={1}>{title}</PlayerText> <PlayerText flexGrow={1}>{title}</PlayerText>
{rightButton} {rightButton}