feat: 订单详情 & 问卷调查

src/components/GuideBar/index.tsx

@@ -1,43 +1,46 @@
-import React, { useState } from 'react'
-import { View, Text, Image } from '@tarojs/components'
-import Taro from '@tarojs/taro'
-import img from '@/config/images'
-import './index.scss'
-import PublishMenu from '../PublishMenu'
-export type currentPageType = 'games' | 'message' | 'personal'
+import React, { useState } from "react";
+import { View, Text, Image } from "@tarojs/components";
+import Taro from "@tarojs/taro";
+import img from "@/config/images";
+import "./index.scss";
+import PublishMenu from "../PublishMenu";
+export type currentPageType = "games" | "message" | "personal";
 
 const GuideBar = (props) => {
-  const { currentPage } = props
+  const { currentPage } = props;
 
   const guideItems = [
     {
-      code: 'list',
-      text: '球局',
+      code: "list",
+      text: "球局",
     },
     {
-      code: 'message',
-      text: '消息',
+      code: "message",
+      text: "消息",
     },
     {
-      code: 'personal',
-      text: '我的',
+      code: "personal",
+      text: "我的",
     },
-  ]
+  ];
 
   const handlePublish = () => {
     Taro.navigateTo({
-      url: '/pages/publishBall/index',
-    })
-  }
+      url: "/pages/publishBall/index",
+    });
+  };
 
   const handlePageChange = (code: string) => {
     if (code === currentPage) {
-      return
+      return;
     }
 
-    let url = `/pages/${code}/index`
-    if (code === 'personal') {
-      url = '/mod_user/pages/myself/index'
+    let url = `/pages/${code}/index`;
+    if (code === "personal") {
+      url = "/mod_user/pages/myself/index";
+    }
+    if (code === "message") {
+      url = "/mod_user/message/index";
     }
     Taro.redirectTo({
       url: url,
@@ -45,18 +48,18 @@ const GuideBar = (props) => {
       Taro.pageScrollTo({
         scrollTop: 0,
         duration: 300,
-      })
-    })
-  }
+      });
+    });
+  };
 
   return (
-    <View className='guide-bar-container'>
-      <View className='guide-bar'>
+    <View className="guide-bar-container">
+      <View className="guide-bar">
         {/* guide area on the left */}
-        <View className='guide-bar-pages'>
+        <View className="guide-bar-pages">
           {guideItems.map((item) => (
             <View
-              className={`guide-bar-pages-item ${currentPage === item.code ? 'guide-bar-pages-item-active' : ''}`}
+              className={`guide-bar-pages-item ${currentPage === item.code ? "guide-bar-pages-item-active" : ""}`}
               onClick={() => handlePageChange(item.code)}
             >
               <Text>{item.text}</Text>
@@ -70,7 +73,7 @@ const GuideBar = (props) => {
         <PublishMenu />
       </View>
     </View>
-  )
-}
+  );
+};
 
-export default GuideBar
+export default GuideBar;