init tab menu and first screen

This commit is contained in:
Patryk
2025-04-25 01:12:40 +02:00
parent 6da9c92bca
commit a05c1508e4
8 changed files with 83 additions and 6 deletions

View File

@@ -0,0 +1,30 @@
import { FlatList, Text, ActivityIndicator } from "react-native";
import { listNotices } from "@/api/notices";
import { useQuery } from "@tanstack/react-query";
import { NoticeCard } from "@/components/NoticeCard";
export default function Notices() {
const { data, isLoading, error } = useQuery({
queryKey: ["notices"],
queryFn: listNotices,
});
if (isLoading) {
return <ActivityIndicator />;
}
if (error) {
return <Text>Błąd, spróbuj ponownie póżniej</Text>;
}
return (
<FlatList
key={2}
data={data}
numColumns={2}
columnContainerClassName="m-2"
columnWrapperClassName="gap-2 m-2"
renderItem={({ item }) => <NoticeCard notice={item} />}
/>
);
}