31 lines
922 B
TypeScript
31 lines
922 B
TypeScript
import { View, Text } from "react-native";
|
|
import { IconButton } from "react-native-paper";
|
|
|
|
import { LoadingSpinner } from "@/components/ui/LoadingSpinner";
|
|
import { Button } from "@/components/ui/Button";
|
|
|
|
interface NoDataProps {
|
|
onRetry: () => void;
|
|
message: string;
|
|
isRetrying: boolean;
|
|
}
|
|
|
|
export const NoData = ({ onRetry, message, isRetrying }: NoDataProps) => {
|
|
return (
|
|
<View className="flex-1 items-center justify-center py-6">
|
|
<IconButton iconColor="#F83434" icon="alert-circle-outline" size={48} />
|
|
<Text className="text-center text-base font-medium mb-2">{message}</Text>
|
|
<Text className="text-center text-sm mb-4">
|
|
Please try again or contact support if the problem persists.
|
|
</Text>
|
|
{isRetrying ? (
|
|
<LoadingSpinner />
|
|
) : (
|
|
<Button onPress={onRetry} disabled={isRetrying}>
|
|
Retry
|
|
</Button>
|
|
)}
|
|
</View>
|
|
);
|
|
};
|