feat: 积分列表

sui_activity_web/src/components/Layout/index.tsx

@@ -105,6 +105,14 @@ export default function PageLayout() {
           >
             个人中心
           </div>
+          <div
+            onClick={() => {setCurrentPath('/point'); router.navigate('/point')}}
+            className={`ml-5 text-white text-base cursor-pointer ${
+              currentPath === '/point' ? 'font-bold' : ''
+            }`}
+          >
+            积分
+          </div>
         </div>
         <div className="flex items-center justify-between">
           <MemberInfo />

sui_activity_web/src/pages/PointPage/index.tsx

@@ -0,0 +1,43 @@
+import { useEffect } from 'react'
+import supabase from '/@/utils/supabase'
+import { useState } from 'react'
+import { Table } from 'antd'
+interface PointData {
+  point: number
+  address: string
+}
+export default function PointPage () {
+  const [pointData, setPointData] = useState<PointData[]>([])
+  const columns = [
+    {
+      title: 'Address',
+      dataIndex: 'address',
+      key: 'address',
+    },
+    {
+      title: '积分',
+      dataIndex: 'point',
+      key: 'point',
+    },
+  ]
+  const getPointData = async () => {
+    let { data, error } = await supabase
+      .from('member')
+      .select('address, point')
+      .order('id', { ascending: false })
+    if (error) {
+      console.error(error)
+      return
+    }
+    console.log(data)
+    setPointData(data as PointData[])
+  }
+  useEffect(() => {
+    getPointData()
+  }, [])
+  return (
+    <div>
+      <Table bordered size="small" pagination={false} rowKey="address" columns={columns} dataSource={pointData} />
+    </div>
+  )
+}

sui_activity_web/src/routers/router.tsx

@@ -5,6 +5,7 @@ import HomePage from '../pages/HomePage'
 import PersonCenter from '../pages/personCenter'
 import ErrorPage from '../pages/ErrorPage'
 import CheckinPage from '../pages/CheckinPage'
+import PointPage from '../pages/PointPage'
 
 const routes = [
   {
@@ -19,6 +20,10 @@ const routes = [
     path: '/checkin',
     element: <CheckinPage />,
   },
+  {
+    path: '/point',
+    element: <PointPage />,
+  },
   {
     path: '/errorNetwork',
     element: <ErrorPage />,