fix: v4 web app warning

packages/kit/src/views/Wallet/index.tsx

@@ -1,10 +1,16 @@
 import type { FC } from 'react';
-import { memo, useCallback, useMemo, useRef } from 'react';
+import { memo, useCallback, useMemo, useRef, useState } from 'react';
 
 import { useIntl } from 'react-intl';
 
 import type { ForwardRefHandle } from '@onekeyhq/app/src/views/NestedTabView/NestedTabView';
-import { Box, useIsVerticalLayout, useUserDevice } from '@onekeyhq/components';
+import {
+  Box,
+  Button,
+  Text,
+  useIsVerticalLayout,
+  useUserDevice,
+} from '@onekeyhq/components';
 import { Tabs } from '@onekeyhq/components/src/CollapsibleTabView';
 import { isAllNetworks } from '@onekeyhq/engine/src/managers/network';
 import { useActiveWalletAccount } from '@onekeyhq/kit/src/hooks';
@@ -289,10 +295,48 @@ function WalletPreCheck() {
 }
 const WalletPreCheckMemo = memo(WalletPreCheck);
 
+const storageKey = '$onekey-webapp-v4-warning-closed-time';
+function V4Warning() {
+  const closedTime = localStorage.getItem(storageKey);
+  const [show, setShow] = useState(
+    // 检查是否显示警告:
+    // 如果没有关闭时间记录，或者上次关闭时间距今超过24小时，则显示警告
+    !closedTime || Date.now() - Number(closedTime) > 1000 * 60 * 60 * 24,
+  );
+  if (!show) {
+    return null;
+  }
+  return (
+    <Box
+      backgroundColor="background-selected"
+      display="flex"
+      flexDirection="row"
+      justifyContent="space-between"
+      alignItems="center"
+      px={4}
+    >
+      <Text color="text-critical">
+        Current version is v4, no longer maintained
+      </Text>
+      <Button
+        type="plain"
+        size="sm"
+        onPress={() => {
+          setShow(false);
+          localStorage.setItem(storageKey, Date.now().toString());
+        }}
+      >
+        x
+      </Button>
+    </Box>
+  );
+}
+
 const Wallet = () => (
   <>
     <WalletPreCheckMemo />
     <Box flex={1}>
+      {platformEnv.isWeb ? <V4Warning /> : null}
       <IdentityAssertion>
         <WalletTabsMemo />
       </IdentityAssertion>