oreolek/phanpy
1
0
Fork 0
Code Activity

Fix InView creating div inside ul

Browse source 
Make it create li but only observe one of the skeleton instead
This commit is contained in:
Lim Chee Aun 2022-12-12 22:42:58 +08:00
parent 79f1b255d2
commit 3396aa2512
1 changed files with 13 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/pages/home.jsx
View file

@ -174,11 +174,18 @@ export default ({ hidden }) => {
);
})}
{showMore && (
<InView
onChange={(inView) => {
if (inView) loadStatuses();
}}
>
<>
<InView
as="li"
style={{
height: '20vh',
}}
onChange={(inView) => {
if (inView) loadStatuses();
}}
>
<Status skeleton />
</InView>
<li
style={{
height: '25vh',
@ -186,14 +193,7 @@ export default ({ hidden }) => {
>
<Status skeleton />
</li>
<li
style={{
height: '25vh',
}}
>
<Status skeleton />
</li>
</InView>
</>
)}
</ul>
</>