“Listing-skeleton naskah dalam desain semut.” Kode Jawaban

Listing-skeleton naskah dalam desain semut.

const emptyData = [{}, {}, {}, {}, {}, {}, {}, {}];

return (
    <div>
        <Skeleton paragraph={{ rows: 1 }} />
        <List
            grid={{
                gutter: 8,
                xs: 1,
                sm: 2,
                lg: 4,
            }}
            dataSource={emptyData}
            renderItem={() => (
                <List.Item>
                    <Card
                        cover=
                        {
                            <div
                                style={{ backgroundImage: `url(${listingLoadingCardCover})` }}
                                className="Listings-skeleton__card-cover-img"
                            ></div>
                        }
                        loading
                        className="Listings-skeleton__card"
                    />
                </List.Item>
            )}
        />
    </div>
);