Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-02-24 00:38:49 +01:00
Code Issues Projects Releases Packages Wiki 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>
</>