From 572665199a75ab38160f31f67739f9585aa7a9cf Mon Sep 17 00:00:00 2001 From: zdl <3489966805@qq.com> Date: Wed, 26 Nov 2025 16:18:15 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E5=88=A0=E9=99=A4=E4=BA=8B=E4=BB=B6?= =?UTF-8?q?=E4=B8=AD=E5=BF=83=E9=A1=B5=E9=9D=A2=E4=B8=8D=E5=86=8D=E6=98=BE?= =?UTF-8?q?=E7=A4=BA=E6=A1=8C=E9=9D=A2=E9=80=9A=E7=9F=A5=E6=8F=90=E7=A4=BA?= =?UTF-8?q?=E6=A8=AA=E5=B9=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/Community/index.js | 86 +----------------------------------- 1 file changed, 1 insertion(+), 85 deletions(-) diff --git a/src/views/Community/index.js b/src/views/Community/index.js index f7e01818..3059c6d0 100644 --- a/src/views/Community/index.js +++ b/src/views/Community/index.js @@ -1,5 +1,5 @@ // src/views/Community/index.js -import React, { useEffect, useRef, useState, lazy, Suspense } from 'react'; +import React, { useEffect, useRef, lazy, Suspense } from 'react'; import { useNavigate, useLocation } from 'react-router-dom'; import { useSelector, useDispatch } from 'react-redux'; import { @@ -10,15 +10,6 @@ import { Box, Container, useColorModeValue, - Alert, - AlertIcon, - AlertTitle, - AlertDescription, - Button, - CloseButton, - HStack, - VStack, - Text, useBreakpointValue, Skeleton, } from '@chakra-ui/react'; @@ -51,8 +42,6 @@ const Community = () => { // 专业配色 - 深色主题 const bgColor = PROFESSIONAL_COLORS.background.primary; - const alertBgColor = 'rgba(59, 130, 246, 0.1)'; - const alertBorderColor = PROFESSIONAL_COLORS.border.default; // Ref:用于首次滚动到内容区域 const containerRef = useRef(null); @@ -80,9 +69,6 @@ const Community = () => { // ⚡ DynamicNewsCard 的 ref(用于触发刷新) const dynamicNewsCardRef = useRef(null); - // 通知横幅显示状态 - const [showNotificationBanner, setShowNotificationBanner] = useState(false); - // 🎯 初始化Community埋点Hook const communityEvents = useCommunityEvents({ navigate }); @@ -121,39 +107,6 @@ const Community = () => { } }, [events, loading, pagination, filters]); - // ⚡ 检查通知权限状态,显示横幅提示 - useEffect(() => { - // 延迟3秒显示,让用户先浏览页面 - const timer = setTimeout(() => { - // 如果未授权或未请求过权限,显示横幅 - if (browserPermission !== 'granted') { - const hasClosedBanner = localStorage.getItem('notification_banner_closed'); - if (!hasClosedBanner) { - setShowNotificationBanner(true); - logger.info('Community', '显示通知权限横幅'); - } - } - }, 3000); - - return () => clearTimeout(timer); - }, [browserPermission]); - - // 处理开启通知 - const handleEnableNotifications = async () => { - const permission = await requestBrowserPermission(); - if (permission === 'granted') { - setShowNotificationBanner(false); - logger.info('Community', '通知权限已授予'); - } - }; - - // 处理关闭横幅 - const handleCloseBanner = () => { - setShowNotificationBanner(false); - localStorage.setItem('notification_banner_closed', 'true'); - logger.info('Community', '通知横幅已关闭'); - }; - // ⚡ 首次进入页面时滚动到内容区域(考虑导航栏高度) const hasScrolled = useRef(false); useEffect(() => { @@ -237,43 +190,6 @@ const Community = () => { {/* 主内容区域 */} - {/* 通知权限提示横幅 */} - {showNotificationBanner && ( - - - - - 开启桌面通知,不错过重要事件 - - - 即使浏览器最小化,也能第一时间接收新事件推送通知 - - - - - - - - )} - {/* ⚡ 顶部说明面板(懒加载):产品介绍 + 沪深指数 + 热门概念词云 */}