kennethnym/doors-wallpaper
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: download button spacing

Browse Source
This commit is contained in:
Kenneth
2024-10-01 19:09:56 +01:00
parent e224e97de5
commit 4ceee2f8db
1 changed files with 32 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
app/wallpaper.tsx
View File

@@ -6,12 +6,16 @@ import { Ionicons } from "@expo/vector-icons";
import { useRouter } from "expo-router"; import { useRouter } from "expo-router";
import { Image, Text, View, TouchableOpacity, Alert } from "react-native"; import { Image, Text, View, TouchableOpacity, Alert } from "react-native";
import { useState } from "react"; import { useState } from "react";
import { SafeAreaView } from "react-native-safe-area-context"; import {
SafeAreaView,
useSafeAreaInsets,
} from "react-native-safe-area-context";
export default function WallpaperPage() { export default function WallpaperPage() {
const selectedWallpaper = useStore((store) => store.selectedWallpaper); const selectedWallpaper = useStore((store) => store.selectedWallpaper);
const [isDownloading, setIsDownloading] = useState(false); const [isDownloading, setIsDownloading] = useState(false);
const router = useRouter(); const router = useRouter();
const safeArea = useSafeAreaInsets();
if (!selectedWallpaper) { if (!selectedWallpaper) {
return null; return null;
@@ -84,28 +88,35 @@ export default function WallpaperPage() {
</TouchableOpacity> </TouchableOpacity>
</SafeAreaView> </SafeAreaView>
<View <View
className="absolute bottom-0 left-0 right-0 h-min w-full justify-between items-center p-8" className="absolute bottom-0 left-0 right-0 h-min w-full justify-between items-center px-8"
style={{ backgroundColor: "rgba(0, 0, 0, 0.8) " }} style={{
backgroundColor: "rgba(0, 0, 0, 0.8)",
paddingTop: 24,
paddingBottom: safeArea.bottom + 24,
}}
> >
<View className="flex-col justify-center items-center mb-8"> {Boolean(selectedWallpaper.creator_name) ||
{selectedWallpaper.creator_name ? ( Boolean(selectedWallpaper.source_url) ? (
<Text className="text-white text-center opacity-50 text-xs"> <View className="flex-col justify-center items-center mb-8">
{selectedWallpaper.creator_name} {selectedWallpaper.creator_name ? (
{selectedWallpaper.is_ai_generated ? " · AI Generated" : ""} <Text className="text-white text-center opacity-50 text-xs">
</Text> {selectedWallpaper.creator_name}
) : null} {selectedWallpaper.is_ai_generated ? " · AI Generated" : ""}
{selectedWallpaper.source_url ? (
<TouchableOpacity
onPress={() => {
openSourceUrl();
}}
>
<Text className="text-white underline text-center opacity-50 text-xs">
{selectedWallpaper.source_url}
</Text> </Text>
</TouchableOpacity> ) : null}
) : null} {selectedWallpaper.source_url ? (
</View> <TouchableOpacity
onPress={() => {
openSourceUrl();
}}
>
<Text className="text-white underline text-center opacity-50 text-xs">
{selectedWallpaper.source_url}
</Text>
</TouchableOpacity>
) : null}
</View>
) : null}
<TouchableOpacity <TouchableOpacity
disabled={isDownloading} disabled={isDownloading}
className="w-full" className="w-full"