aljaz/rabbit
1
0
Fork 0
mirror of https://github.com/aljazceru/rabbit.git synced 2025-12-18 14:34:25 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: lazy load icons

Browse Source
This commit is contained in:
Shusui MOYATANI
2023-12-28 00:20:18 +09:00
parent 576778f2fc
commit e97e29a0d7
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/Post.tsx
View File

@@ -1,5 +1,6 @@
import { Component, JSX, Show, createSignal } from 'solid-js'; import { Component, JSX, Show, createSignal } from 'solid-js';
import LazyLoad from '@/components/utils/LazyLoad';
import useDetectOverflow from '@/hooks/useDetectOverflow'; import useDetectOverflow from '@/hooks/useDetectOverflow';
import useFormatDate from '@/hooks/useFormatDate'; import useFormatDate from '@/hooks/useFormatDate';
import { useTranslation } from '@/i18n/useTranslation'; import { useTranslation } from '@/i18n/useTranslation';
@@ -41,7 +42,11 @@ const Post: Component<PostProps> = (props) => {
}} }}
> >
<Show when={author()?.picture} keyed> <Show when={author()?.picture} keyed>
{(url) => <img src={url} alt="icon" class="h-full w-full rounded object-cover" />} {(url) => (
<LazyLoad>
{() => <img src={url} alt="icon" class="h-full w-full rounded object-cover" />}
</LazyLoad>
)}
</Show> </Show>
</button> </button>
<div class="min-w-0 flex-auto"> <div class="min-w-0 flex-auto">