Add: - app/(application)/(user)/profile/[id]/blocked-list.tsx app/(application)/(user)/profile/[id]/detail-blocked.tsx components/_ShareComponent/ListEmptyComponent.tsx components/_ShareComponent/ListLoaderFooterComponent.tsx components/_ShareComponent/ListSkeletonComponent.tsx hooks/use-paginated-api.ts service/api-client/api-blocked.ts Fix: modified: app/(application)/(user)/profile/_layout.tsx modified: components/_ShareComponent/NewWrapper.tsx modified: components/index.ts modified: screens/Profile/ListPage.tsx modified: styles/global-styles.ts ### No Issue
22 lines
472 B
TypeScript
22 lines
472 B
TypeScript
import { View } from "react-native";
|
|
import StackCustom from "../Stack/StackCustom";
|
|
import SkeletonCustom from "./SkeletonCustom";
|
|
|
|
const ListSkeletonComponent = ({
|
|
length = 5,
|
|
height = 100,
|
|
}: {
|
|
length?: number;
|
|
height?: number;
|
|
}) => (
|
|
<View style={{ flex: 1 }}>
|
|
<StackCustom>
|
|
{Array.from({ length }).map((_, i) => (
|
|
<SkeletonCustom height={height} key={i} />
|
|
))}
|
|
</StackCustom>
|
|
</View>
|
|
);
|
|
|
|
export default ListSkeletonComponent;
|