update pay function

src/views/ValueForum/index.js

@@ -29,7 +29,7 @@ import {
   TabPanel,
   Icon,
 } from '@chakra-ui/react';
-import { Search, PenSquare, TrendingUp, Clock, Heart, Zap } from 'lucide-react';
+import { Search, PenSquare, TrendingUp, Clock, Heart, Zap, HelpCircle } from 'lucide-react';
 import { motion, AnimatePresence } from 'framer-motion';
 import { forumColors } from '@theme/forumTheme';
 import { getPosts, searchPosts } from '@services/elasticsearchService';
@@ -38,6 +38,7 @@ import PostCard from './components/PostCard';
 import PredictionTopicCard from './components/PredictionTopicCard';
 import CreatePostModal from './components/CreatePostModal';
 import CreatePredictionModal from './components/CreatePredictionModal';
+import PredictionGuideModal from './components/PredictionGuideModal';
 
 const MotionBox = motion(Box);
 
@@ -54,6 +55,7 @@ const ValueForum = () => {
 
   const { isOpen: isPostModalOpen, onOpen: onPostModalOpen, onClose: onPostModalClose } = useDisclosure();
   const { isOpen: isPredictionModalOpen, onOpen: onPredictionModalOpen, onClose: onPredictionModalClose } = useDisclosure();
+  const { isOpen: isGuideModalOpen, onOpen: onGuideModalOpen, onClose: onGuideModalClose } = useDisclosure();
 
   // 获取帖子列表
   const fetchPosts = async (currentPage = 1, reset = false) => {
@@ -178,6 +180,24 @@ const ValueForum = () => {
 
               {/* 发帖按钮 */}
               <HStack spacing="3">
+                <Button
+                  leftIcon={<HelpCircle size={18} />}
+                  variant="outline"
+                  color={forumColors.primary[500]}
+                  borderColor={forumColors.primary[500]}
+                  size="lg"
+                  fontWeight="bold"
+                  onClick={onGuideModalOpen}
+                  _hover={{
+                    transform: 'translateY(-2px)',
+                    bg: forumColors.primary[50],
+                    borderColor: forumColors.primary[600],
+                  }}
+                  _active={{ transform: 'translateY(0)' }}
+                >
+                  玩法说明
+                </Button>
+
                 <Button
                   leftIcon={<PenSquare size={18} />}
                   bg={forumColors.background.card}
@@ -462,6 +482,12 @@ const ValueForum = () => {
         onClose={onPredictionModalClose}
         onTopicCreated={handlePredictionCreated}
       />
+
+      {/* 玩法说明模态框 */}
+      <PredictionGuideModal
+        isOpen={isGuideModalOpen}
+        onClose={onGuideModalClose}
+      />
     </Box>
   );
 };