[Update] Supporters: The members cards will be shown in random order every 20 seconds.

src-ui/logics/configs/index.js

@@ -54,4 +54,5 @@ export { useSendTextToOverlay } from "./vr/useSendTextToOverlay";
 export { useOscIpAddress } from "./advanced_settings/useOscIpAddress";
 export { useOscPort } from "./advanced_settings/useOscPort";
 
+export { useSettingBoxScrollPosition } from "./useSettingBoxScrollPosition";
 export { useSoftwareVersion } from "./useSoftwareVersion";

src-ui/logics/configs/useSettingBoxScrollPosition.js

@@ -0,0 +1,28 @@
+import { store, useStore_SettingBoxScrollPosition } from "@store";
+
+export const useSettingBoxScrollPosition = () => {
+    const { currentSettingBoxScrollPosition, updateSettingBoxScrollPosition, pendingSettingBoxScrollPosition } = useStore_SettingBoxScrollPosition();
+
+    const saveScrollPosition = () => {
+        if (store.setting_box_scroll_container.current) {
+            updateSettingBoxScrollPosition(store.setting_box_scroll_container.current.scrollTop);
+        }
+    };
+    const restoreScrollPosition = () => {
+
+        if (store.setting_box_scroll_container.current) {
+            updateSettingBoxScrollPosition((pre) => {
+                store.setting_box_scroll_container.current.scrollTop = pre.data;
+                return pre.data;
+            })
+        }
+
+    };
+
+    return {
+        saveScrollPosition,
+        restoreScrollPosition,
+        currentSettingBoxScrollPosition,
+        updateSettingBoxScrollPosition,
+    };
+};