2
0
Эх сурвалжийг харах

♻️ refactor(auth): export User type from AuthProvider

- export User type in AuthProvider.tsx for cross-component usage
- update UserProfilePage to import User type from AuthProvider instead of server entity

♻️ refactor(routes): correct page component import and usage

- rename HomePage import to MemberPage in routes.tsx
- update route element to use <MemberPage /> instead of <HomePage />
yourname 5 сар өмнө
parent
commit
5cf2353575

+ 1 - 1
src/client/home/hooks/AuthProvider.tsx

@@ -12,7 +12,7 @@ import type {
 import { authClient } from '@/client/api';
 import type { InferResponseType, InferRequestType } from 'hono/client';
 
-type User = InferResponseType<typeof authClient.me.$get, 200>;
+export type User = InferResponseType<typeof authClient.me.$get, 200>;
 
 
 // 创建认证上下文

+ 4 - 4
src/client/home/pages/UserProfilePage.tsx

@@ -1,19 +1,19 @@
 import debug from 'debug';
-const rpcLogger = debug('frontend:api:rpc');
 import React, { useEffect, useState } from 'react';
 import { Layout, Card, Avatar, Button, Typography, List, Spin, Tabs, Divider, Badge } from 'antd';
 import { UserOutlined, EditOutlined, HeartOutlined, UserAddOutlined, UserDeleteOutlined } from '@ant-design/icons';
 import { useParams, useNavigate } from 'react-router-dom';
 import { userClient } from '@/client/api';
-import { useAuth } from '@/client/home/hooks/AuthProvider';
-import type { UserEntity } from '@/server/modules/users/user.entity';
+import { useAuth, User } from '@/client/home/hooks/AuthProvider';
+
+const rpcLogger = debug('frontend:api:rpc');
 
 const { Content } = Layout;
 const { Title, Text, Paragraph } = Typography;
 const { TabPane } = Tabs;
 
 const UserProfilePage: React.FC = () => {
-  const [user, setUser] = useState<UserEntity | null>(null);
+  const [user, setUser] = useState<User | null>(null);
   const [loading, setLoading] = useState(true);
   const [isFollowing, setIsFollowing] = useState(false);
   const [followerCount, setFollowerCount] = useState(0);

+ 2 - 2
src/client/home/routes.tsx

@@ -3,7 +3,7 @@ import { createBrowserRouter, Navigate } from 'react-router';
 import { ProtectedRoute } from './components/ProtectedRoute';
 import { ErrorPage } from './components/ErrorPage';
 import { NotFoundPage } from './components/NotFoundPage';
-import HomePage from './pages/MemberPage';
+import MemberPage from './pages/MemberPage';
 import { MainLayout } from './layouts/MainLayout';
 import LoginPage from './pages/LoginPage';
 import FollowPage from './pages/FollowPage';
@@ -24,7 +24,7 @@ export const router = createBrowserRouter([
     children: [
       {
         path: '',
-        element: <HomePage />
+        element: <MemberPage />
       },
       {
         path: 'follow',