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

cleanup

Browse Source
This commit is contained in:
Jorrin
2024-04-02 17:26:55 +02:00
parent 925b28019f
commit c1d6a4ddda
1 changed files with 25 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

98
apps/expo/src/app/(tabs)/settings.tsx
View File

@@ -162,54 +162,12 @@ export default function SettingsScreen() {
} }
disabled={mutation.isPending} disabled={mutation.isPending}
onPress={() => mutation.mutate()} onPress={() => mutation.mutate()}
animation="quicker"
> >
Update Update
</MWButton> </MWButton>
</XStack> </XStack>
</YStack> </YStack>
</YStack> </YStack>
{/* <XStack width={200} alignItems="center" gap="$4">
<Text minWidth={110}>Theme</Text>
<Separator minHeight={20} vertical />
<ThemeSelector />
</XStack>
<XStack width={200} alignItems="center" gap="$4">
<Text minWidth={110}>Gesture controls</Text>
<Separator minHeight={20} vertical />
<MWSwitch
checked={gestureControls}
onCheckedChange={handleGestureControlsToggle}
>
<MWSwitch.Thumb animation="quicker" />
</MWSwitch>
</XStack>
<XStack width={200} alignItems="center" gap="$4">
<Text minWidth={110}>Autoplay</Text>
<Separator minHeight={20} vertical />
<MWSwitch checked={autoPlay} onCheckedChange={setAutoPlay}>
<MWSwitch.Thumb animation="quicker" />
</MWSwitch>
</XStack>
<XStack width={200} alignItems="center" gap="$4">
<Text minWidth={110}>v{Application.nativeApplicationVersion}</Text>
<Separator minHeight={20} vertical />
<MWButton
type="secondary"
backgroundColor="$sheetItemBackground"
icon={
<MaterialCommunityIcons
name={Platform.select({ ios: "apple", android: "android" })}
size={24}
color={theme.buttonSecondaryText.val}
/>
}
onPress={handleVersionPress}
>
Update
</MWButton>
</XStack> */}
</YStack> </YStack>
</View> </View>
<UpdateSheet <UpdateSheet
@@ -352,38 +310,32 @@ export function ThemeSelector(props: SelectProps) {
enterStyle={{ o: 0, y: -10 }} enterStyle={{ o: 0, y: -10 }}
exitStyle={{ o: 0, y: 10 }} exitStyle={{ o: 0, y: 10 }}
> >
{themeOptions.map((item, i) => { {themeOptions.map((item, i) => (
return ( <Select.Item
<Select.Item index={i}
index={i} key={item}
key={item} value={item}
value={item} backgroundColor="$sheetItemBackground"
backgroundColor="$sheetItemBackground" borderTopRightRadius={i === 0 ? "$8" : 0}
borderTopRightRadius={i === 0 ? "$8" : 0} borderTopLeftRadius={i === 0 ? "$8" : 0}
borderTopLeftRadius={i === 0 ? "$8" : 0} borderBottomRightRadius={i === themeOptions.length - 1 ? "$8" : 0}
borderBottomRightRadius={ borderBottomLeftRadius={i === themeOptions.length - 1 ? "$8" : 0}
i === themeOptions.length - 1 ? "$8" : 0 >
} <Select.ItemText
borderBottomLeftRadius={ textTransform="capitalize"
i === themeOptions.length - 1 ? "$8" : 0 fontWeight="$semibold"
}
> >
<Select.ItemText {item}
textTransform="capitalize" </Select.ItemText>
fontWeight="$semibold" <Select.ItemIndicator ml="auto">
> <MaterialIcons
{item} name="check-circle"
</Select.ItemText> size={24}
<Select.ItemIndicator ml="auto"> color={theme.sheetItemSelected.val}
<MaterialIcons />
name="check-circle" </Select.ItemIndicator>
size={24} </Select.Item>
color={theme.sheetItemSelected.val} ))}
/>
</Select.ItemIndicator>
</Select.Item>
);
})}
</Select.Viewport> </Select.Viewport>
</Select.Content> </Select.Content>
</MWSelect> </MWSelect>