Fix All Image Add Lazy Loading
This commit is contained in:
@@ -299,6 +299,7 @@ function EditPuskesmas() {
|
||||
borderRadius: '8px',
|
||||
border: '1px solid #ddd',
|
||||
}}
|
||||
loading="lazy"
|
||||
/>
|
||||
</Box>
|
||||
)}
|
||||
|
||||
@@ -86,7 +86,7 @@ function DetailPuskesmas() {
|
||||
<Box>
|
||||
<Text fz="lg" fw="bold">Gambar</Text>
|
||||
{data?.image?.link ? (
|
||||
<Image src={data.image.link} alt="gambar" radius="md" />
|
||||
<Image src={data.image.link} alt="gambar" radius="md" loading="lazy"/>
|
||||
) : (
|
||||
<Text fz="md" c="dimmed">-</Text>
|
||||
)}
|
||||
|
||||
@@ -207,6 +207,7 @@ function CreatePuskesmas() {
|
||||
borderRadius: '8px',
|
||||
border: '1px solid #ddd',
|
||||
}}
|
||||
loading="lazy"
|
||||
/>
|
||||
</Box>
|
||||
)}
|
||||
|
||||
@@ -105,7 +105,7 @@ function ListPuskesmas({ search }: { search: string }) {
|
||||
</TableTd>
|
||||
<TableTd>{item.alamat}</TableTd>
|
||||
<TableTd>
|
||||
<Image w={100} src={item.image.link} alt="image" radius="md" />
|
||||
<Image w={100} src={item.image.link} alt="image" radius="md" loading="lazy"/>
|
||||
</TableTd>
|
||||
<TableTd>
|
||||
<Button
|
||||
|
||||
Reference in New Issue
Block a user