Fix All Image Add Lazy Loading
This commit is contained in:
@@ -76,7 +76,7 @@ function Page() {
|
||||
</Group>
|
||||
</Box>
|
||||
<Box>
|
||||
<Image alt="Beasiswa Desa" src="/api/img/beasiswa-siswa.png" radius="lg" />
|
||||
<Image alt="Beasiswa Desa" src="/api/img/beasiswa-siswa.png" radius="lg" loading="lazy"/>
|
||||
</Box>
|
||||
</SimpleGrid>
|
||||
|
||||
|
||||
@@ -74,7 +74,7 @@ function Content({ kategoriBuku }: { kategoriBuku: string }) {
|
||||
{!state.dataPerpustakaan.findMany.data || state.dataPerpustakaan.findMany.data.length === 0 ? (
|
||||
<Center py="xl">
|
||||
<Stack gap="xs" align="center">
|
||||
<Image src="/empty-books.svg" alt="Kosong" w={140} h="auto" />
|
||||
<Image loading="lazy" src="/empty-books.svg" alt="Kosong" w={140} h="auto" />
|
||||
<Text c="dimmed" fz="sm">Belum ada buku yang tersedia dalam kategori ini</Text>
|
||||
</Stack>
|
||||
</Center>
|
||||
@@ -113,6 +113,7 @@ function Content({ kategoriBuku }: { kategoriBuku: string }) {
|
||||
fit="contain"
|
||||
fallbackSrc="/placeholder-book.jpg"
|
||||
radius="md"
|
||||
loading="lazy"
|
||||
/>
|
||||
</Center>
|
||||
<Stack gap={4} align="center">
|
||||
|
||||
@@ -69,7 +69,7 @@ function Content({ searchQuery }: ContentProps) {
|
||||
state.dataPerpustakaan.findMany.data.length === 0 ? (
|
||||
<Center py="xl">
|
||||
<Stack gap="xs" align="center">
|
||||
<Image src="/empty-books.svg" alt="Kosong" w={140} h="auto" />
|
||||
<Image loading="lazy" src="/empty-books.svg" alt="Kosong" w={140} h="auto" />
|
||||
<Text c="dimmed" fz="sm">Belum ada buku yang tersedia</Text>
|
||||
</Stack>
|
||||
</Center>
|
||||
@@ -108,6 +108,7 @@ function Content({ searchQuery }: ContentProps) {
|
||||
fit="contain"
|
||||
fallbackSrc="/placeholder-book.jpg"
|
||||
radius="md"
|
||||
loading="lazy"
|
||||
/>
|
||||
</Center>
|
||||
<Stack gap={4} align="center">
|
||||
|
||||
Reference in New Issue
Block a user