Merge pull request #66 from cheeaun/main

Update from main

src/components/status.css

@@ -421,7 +421,8 @@
     object-position: 50% 50%;
   }
 }
-.status .media img:hover {
+.status .media img:is(:hover, :focus),
+a:focus-visible .status .media img {
   animation: position-object 5s ease-in-out 1s 5;
 }
 body:has(#modal-container .carousel) .status .media img:hover {
@@ -625,7 +626,8 @@ body:has(#modal-container .carousel) .status .media img:hover {
   border-inline-end: 0;
   border-block-end: 1px solid var(--outline-color);
 }
-.card:is(:hover, :focus) img {
+.card:is(:hover, :focus) img,
+a:focus-visible .card img {
   animation: position-object 5s ease-in-out 1s 5;
 }
 .card p {

src/components/timeline.jsx

@@ -50,7 +50,7 @@ function Timeline({
             if (firstLoad) {
               setItems(value);
             } else {
-              setItems([...items, ...value]);
+              setItems((items) => [...items, ...value]);
             }
             setShowMore(!done);
           } else {

src/pages/status.jsx

@@ -62,13 +62,13 @@ function StatusPage() {
       if (uiState !== 'loading') {
         states.scrollPositions[id] = scrollTop;
       }
-    }, 100);
+    }, 50);
     scrollableRef.current.addEventListener('scroll', onScroll, {
       passive: true,
     });
     onScroll();
     return () => {
-      onScroll.flush();
+      onScroll.cancel();
       scrollableRef.current?.removeEventListener('scroll', onScroll);
     };
   }, [id, uiState !== 'loading']);