From c3f399ea0bb218026e9a295180f236015c1d17f1 Mon Sep 17 00:00:00 2001
From: Ren Amamiya <123083837+reyamir@users.noreply.github.com>
Date: Wed, 11 Oct 2023 08:04:20 +0700
Subject: [PATCH] rollback to virtua v0.9.1

---
 package.json                         | 2 +-
 pnpm-lock.yaml                       | 8 ++++----
 src/app/chats/chat.tsx               | 7 ++++++-
 src/shared/widgets/local/network.tsx | 2 +-
 4 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index c43afefb..5118b1eb 100644
--- a/package.json
+++ b/package.json
@@ -78,7 +78,7 @@
     "tailwind-scrollbar": "^3.0.5",
     "tauri-controls": "^0.2.0",
     "tippy.js": "^6.3.7",
-    "virtua": "^0.12.0",
+    "virtua": "0.9.1",
     "zustand": "^4.4.3"
   },
   "devDependencies": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6f97835e..6c2445d1 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -186,8 +186,8 @@ dependencies:
     specifier: ^6.3.7
     version: 6.3.7
   virtua:
-    specifier: ^0.12.0
-    version: 0.12.0(react-dom@18.2.0)(react@18.2.0)
+    specifier: 0.9.1
+    version: 0.9.1(react-dom@18.2.0)(react@18.2.0)
   zustand:
     specifier: ^4.4.3
     version: 4.4.3(@types/react@18.2.27)(react@18.2.0)
@@ -6669,8 +6669,8 @@ packages:
       vfile-message: 3.1.4
     dev: false
 
-  /virtua@0.12.0(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-aJtKYp1WFFWtGfiH7WDRItde9hCD//c7wR3QybVIcmIPRx27Pbxu+p2ojquWMo3z104Vl/rjby39QNS7qhyM7g==}
+  /virtua@0.9.1(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-uaFvh+5zCDEenQDgxfIs67kpci7d/3XjdnWP/TdDYLcoXdWKr5ddwiP1g+wybHpXmLqbfJ0X0njmlAvP7GwMdw==}
     peerDependencies:
       react: '>=16.14.0'
       react-dom: '>=16.14.0'
diff --git a/src/app/chats/chat.tsx b/src/app/chats/chat.tsx
index a11a1bcb..2340b328 100644
--- a/src/app/chats/chat.tsx
+++ b/src/app/chats/chat.tsx
@@ -94,7 +94,12 @@ export function ChatScreen() {
                 </p>
               </div>
             ) : (
-              <VList ref={listRef} className="h-full scrollbar-none" reverse>
+              <VList
+                ref={listRef}
+                className="h-full scrollbar-none"
+                mode="reverse"
+                shift={true}
+              >
                 {data.map((message) => renderItem(message))}
               </VList>
             )}
diff --git a/src/shared/widgets/local/network.tsx b/src/shared/widgets/local/network.tsx
index 0b15e95b..45b30787 100644
--- a/src/shared/widgets/local/network.tsx
+++ b/src/shared/widgets/local/network.tsx
@@ -113,7 +113,7 @@ export function LocalNetworkWidget() {
         ) : dbEvents.length === 0 ? (
           <EventLoader firstTime={true} />
         ) : (
-          <VList className="h-full scrollbar-none">
+          <VList className="h-full scrollbar-none" shift={true}>
             {!isFetched ? <EventLoader firstTime={false} /> : null}
             {dbEvents.map((item) => renderItem(item))}
             <div className="flex items-center justify-center px-3 py-1.5">