Fix safe area in movies details page

This commit is contained in:
Zoe Roux 2025-07-14 00:11:14 +02:00
parent 9d8e2e25e2
commit e1059aceed
No known key found for this signature in database

View File

@ -1,16 +1,14 @@
import { Platform, ScrollView } from "react-native"; import { ScrollView } from "react-native";
import { useYoshiki } from "yoshiki/native"; import { useSafeAreaInsets } from "react-native-safe-area-context";
import { Movie } from "~/models";
import type { QueryIdentifier } from "~/query";
import { useQueryState } from "~/utils"; import { useQueryState } from "~/utils";
import { Header } from "./header"; import { Header } from "./header";
export const MovieDetails = () => { export const MovieDetails = () => {
const [slug] = useQueryState("slug", undefined!); const [slug] = useQueryState("slug", undefined!);
const { css } = useYoshiki(); const insets = useSafeAreaInsets();
return ( return (
<ScrollView> <ScrollView contentContainerStyle={{ paddingBottom: insets.bottom }}>
<Header kind="movie" slug={slug} /> <Header kind="movie" slug={slug} />
</ScrollView> </ScrollView>
); );