movie-web/native-app
1
0
Fork 0
mirror of https://github.com/movie-web/native-app.git synced 2025-09-13 14:23:28 +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}
onPress={() => mutation.mutate()}
animation="quicker"
>
Update
</MWButton>
</XStack>
</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>
</View>
<UpdateSheet
@@ -352,38 +310,32 @@ export function ThemeSelector(props: SelectProps) {
enterStyle={{ o: 0, y: -10 }}
exitStyle={{ o: 0, y: 10 }}
>
{themeOptions.map((item, i) => {
return (
<Select.Item
index={i}
key={item}
value={item}
backgroundColor="$sheetItemBackground"
borderTopRightRadius={i === 0 ? "$8" : 0}
borderTopLeftRadius={i === 0 ? "$8" : 0}
borderBottomRightRadius={
i === themeOptions.length - 1 ? "$8" : 0
}
borderBottomLeftRadius={
i === themeOptions.length - 1 ? "$8" : 0
}
{themeOptions.map((item, i) => (
<Select.Item
index={i}
key={item}
value={item}
backgroundColor="$sheetItemBackground"
borderTopRightRadius={i === 0 ? "$8" : 0}
borderTopLeftRadius={i === 0 ? "$8" : 0}
borderBottomRightRadius={i === themeOptions.length - 1 ? "$8" : 0}
borderBottomLeftRadius={i === themeOptions.length - 1 ? "$8" : 0}
>
<Select.ItemText
textTransform="capitalize"
fontWeight="$semibold"
>
<Select.ItemText
textTransform="capitalize"
fontWeight="$semibold"
>
{item}
</Select.ItemText>
<Select.ItemIndicator ml="auto">
<MaterialIcons
name="check-circle"
size={24}
color={theme.sheetItemSelected.val}
/>
</Select.ItemIndicator>
</Select.Item>
);
})}
{item}
</Select.ItemText>
<Select.ItemIndicator ml="auto">
<MaterialIcons
name="check-circle"
size={24}
color={theme.sheetItemSelected.val}
/>
</Select.ItemIndicator>
</Select.Item>
))}
</Select.Viewport>
</Select.Content>
</MWSelect>