Initial commit: Polymarket copy trading bot

- Backend: Spring Boot + Kotlin implementation - Account management with private key import - Leader management - Copy trading configuration - Order synchronization - Balance and position queries via Polymarket API - Ethereum RPC integration for USDC balance - Proxy address calculation - Frontend: React + TypeScript - Account management UI - Mobile responsive design - Account import with private key/mnemonic support - Balance display and account details modal - Database: MySQL with Flyway migrations - API Integration: Polymarket CLOB API, Data API, Ethereum RPC
2025-11-21 04:32:08 +08:00
commit 4f7fef145f
70 changed files with 14618 additions and 0 deletions
@@ -0,0 +1,142 @@
+import { useState, useEffect } from 'react'
+import { useNavigate, useLocation } from 'react-router-dom'
+import { Layout as AntLayout, Menu, Drawer, Button } from 'antd'
+import { useMediaQuery } from 'react-responsive'
+import {
+  WalletOutlined,
+  UserOutlined,
+  SettingOutlined,
+  UnorderedListOutlined,
+  BarChartOutlined,
+  MenuOutlined
+} from '@ant-design/icons'
+import type { ReactNode } from 'react'
+
+const { Header, Content, Sider } = AntLayout
+
+interface LayoutProps {
+  children: ReactNode
+}
+
+const Layout: React.FC<LayoutProps> = ({ children }) => {
+  const navigate = useNavigate()
+  const location = useLocation()
+  const isMobile = useMediaQuery({ maxWidth: 768 })
+  const [mobileMenuOpen, setMobileMenuOpen] = useState(false)
+  
+  const menuItems = [
+    {
+      key: '/accounts',
+      icon: <WalletOutlined />,
+      label: '账户管理'
+    },
+    {
+      key: '/leaders',
+      icon: <UserOutlined />,
+      label: 'Leader 管理'
+    },
+    {
+      key: '/config',
+      icon: <SettingOutlined />,
+      label: '跟单配置'
+    },
+    {
+      key: '/orders',
+      icon: <UnorderedListOutlined />,
+      label: '订单管理'
+    },
+    {
+      key: '/statistics',
+      icon: <BarChartOutlined />,
+      label: '统计信息'
+    }
+  ]
+  
+  const handleMenuClick = (key: string) => {
+    navigate(key)
+    if (isMobile) {
+      setMobileMenuOpen(false)
+    }
+  }
+  
+  if (isMobile) {
+    // 移动端布局
+    return (
+      <AntLayout style={{ minHeight: '100vh' }}>
+        <Header style={{ 
+          background: '#001529', 
+          padding: '0 16px',
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'space-between'
+        }}>
+          <div style={{ color: '#fff', fontSize: '18px', fontWeight: 'bold' }}>
+            Polymarket 跟单
+          </div>
+          <Button
+            type="text"
+            icon={<MenuOutlined />}
+            style={{ color: '#fff' }}
+            onClick={() => setMobileMenuOpen(true)}
+          />
+        </Header>
+        <Content style={{ 
+          padding: '12px 8px', 
+          background: '#f0f2f5',
+          minHeight: 'calc(100vh - 64px)'
+        }}>
+          {children}
+        </Content>
+        <Drawer
+          title="导航菜单"
+          placement="left"
+          onClose={() => setMobileMenuOpen(false)}
+          open={mobileMenuOpen}
+          bodyStyle={{ padding: 0 }}
+        >
+          <Menu
+            mode="inline"
+            selectedKeys={[location.pathname]}
+            items={menuItems}
+            onClick={({ key }) => handleMenuClick(key)}
+            style={{ border: 'none' }}
+          />
+        </Drawer>
+      </AntLayout>
+    )
+  }
+  
+  // 桌面端布局
+  return (
+    <AntLayout style={{ minHeight: '100vh' }}>
+      <Sider width={200} style={{ background: '#001529' }}>
+        <div style={{ 
+          height: '64px', 
+          display: 'flex', 
+          alignItems: 'center', 
+          justifyContent: 'center',
+          color: '#fff',
+          fontSize: '18px',
+          fontWeight: 'bold'
+        }}>
+          Polymarket 跟单
+        </div>
+        <Menu
+          mode="inline"
+          selectedKeys={[location.pathname]}
+          items={menuItems}
+          onClick={({ key }) => handleMenuClick(key)}
+          style={{ height: 'calc(100vh - 64px)', borderRight: 0 }}
+        />
+      </Sider>
+      <AntLayout>
+        <Content style={{ padding: '24px', background: '#f0f2f5', minHeight: '100vh' }}>
+          {children}
+        </Content>
+      </AntLayout>
+    </AntLayout>
+  )
+}
+
+export default Layout
+