From ec0d712b6f306e1b9a5fcc9dab317274932d5af5 Mon Sep 17 00:00:00 2001
From: CaIon <1808837298@qq.com>
Date: Wed, 8 Nov 2023 01:14:12 +0800
Subject: [PATCH] =?UTF-8?q?=E6=97=A5=E5=BF=97=E6=B7=BB=E5=8A=A0=E6=9F=A5?=
 =?UTF-8?q?=E7=9C=8B=E4=BF=A1=E6=81=AF=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/package.json                |  2 +-
 web/src/components/LogsTable.js | 29 ++++++++++++++++++++++++++---
 2 files changed, 27 insertions(+), 4 deletions(-)

diff --git a/web/package.json b/web/package.json
index 30bdd12..a776a82 100644
--- a/web/package.json
+++ b/web/package.json
@@ -49,5 +49,5 @@
     "singleQuote": true,
     "jsxSingleQuote": true
   },
-  "proxy": "http://localhost:3000"
+  "proxy": "https://nekoapi.com"
 }
diff --git a/web/src/components/LogsTable.js b/web/src/components/LogsTable.js
index e539098..0101417 100644
--- a/web/src/components/LogsTable.js
+++ b/web/src/components/LogsTable.js
@@ -2,9 +2,9 @@ import React, {useEffect, useState} from 'react';
 import {Label} from 'semantic-ui-react';
 import {API, isAdmin, showError, timestamp2string} from '../helpers';
 
-import {Table, Avatar, Tag, Form, Button, Layout, Select} from '@douyinfe/semi-ui';
+import {Table, Avatar, Tag, Form, Button, Layout, Select, Popover, Modal} from '@douyinfe/semi-ui';
 import {ITEMS_PER_PAGE} from '../constants';
-import {renderQuota, stringToColor} from '../helpers/render';
+import {renderNumber, renderQuota, stringToColor} from '../helpers/render';
 import {
     IconAt,
     IconHistogram,
@@ -88,7 +88,8 @@ const LogsTable = () => {
                 return (
                     isAdminUser ?
                         <div>
-                            <Avatar size="small" color={stringToColor(text)} style={{marginRight: 4}}>
+                            <Avatar size="small" color={stringToColor(text)} style={{marginRight: 4}}
+                                    onClick={() => showUserInfo(record.user_id)}>
                                 {typeof text === 'string' && text.slice(0, 1)}
                             </Avatar>
                             {text}
@@ -251,6 +252,28 @@ const LogsTable = () => {
         setShowStat(!showStat);
     };
 
+    const showUserInfo = async (userId) => {
+        if (!isAdminUser) {
+            return;
+        }
+        const res = await API.get(`/api/user/${userId}`);
+        const {success, message, data} = res.data;
+        if (success) {
+            Modal.info({
+                title: '用户信息',
+                content: <div style={{padding: 12}}>
+                    <p>用户名: {data.username}</p>
+                    <p>余额: {renderQuota(data.quota)}</p>
+                    <p>已用额度：{renderQuota(data.used_quota)}</p>
+                    <p>请求次数：{renderNumber(data.request_count)}</p>
+                </div>,
+                centered: true,
+            })
+        } else {
+            showError(message);
+        }
+    };
+
     const setLogsFormat = (logs) => {
         for (let i = 0; i < logs.length; i++) {
             logs[i].timestamp2string = timestamp2string(logs[i].created_at);