chore: update theme berry

web/berry/src/views/Channel/component/GroupLabel.js

@@ -3,6 +3,19 @@ import Label from "ui-component/Label";
 import Stack from "@mui/material/Stack";
 import Divider from "@mui/material/Divider";
 
+function name2color(name) {
+  switch (name) {
+    case "default":
+      return "info";
+    case "vip":
+      return "warning"
+    case "svip":
+      return "error"
+    default:
+      return "info"
+  }
+}
+
 const GroupLabel = ({ group }) => {
   let groups = [];
   if (group === "") {
@@ -14,7 +27,7 @@ const GroupLabel = ({ group }) => {
   return (
     <Stack divider={<Divider orientation="vertical" flexItem />} spacing={0.5}>
       {groups.map((group, index) => {
-        return <Label key={index}>{group}</Label>;
+        return <Label key={index} color={name2color(group)}>{group}</Label>;
       })}
     </Stack>
   );

web/berry/src/views/Channel/component/TableHead.js

@@ -10,6 +10,7 @@ const ChannelTableHead = () => {
         <TableCell>类型</TableCell>
         <TableCell>状态</TableCell>
         <TableCell>响应时间</TableCell>
+        <TableCell>已消耗</TableCell>
         <TableCell>余额</TableCell>
         <TableCell>优先级</TableCell>
         <TableCell>操作</TableCell>

web/berry/src/views/Channel/component/TableRow.js

@@ -170,6 +170,9 @@ export default function ChannelTableRow({
             handle_action={handleResponseTime}
           />
         </TableCell>
+        <TableCell>
+          {renderNumber(item.used_quota)}
+        </TableCell>
         <TableCell>
           <Tooltip
             title={"点击更新余额"}

web/berry/src/views/Channel/index.js

@@ -193,20 +193,14 @@ export default function ChannelPage() {
 
   return (
     <>
-      <Stack direction="row" alignItems="center" justifyContent="space-between" mb={5}>
+      <Stack direction="row" alignItems="center" justifyContent="space-between" mb={2.5}>
         <Typography variant="h4">渠道</Typography>
-
         <Button variant="contained" color="primary" startIcon={<IconPlus />} onClick={() => handleOpenModal(0)}>
           新建渠道
         </Button>
       </Stack>
-      <Stack mb={5}>
-        <Alert severity="info">
-          OpenAI 渠道已经不再支持通过 key 获取余额，因此余额显示为 0。对于支持的渠道类型，请点击余额进行刷新。
-        </Alert>
-      </Stack>
       <Card>
-        <Box component="form" onSubmit={searchChannels} noValidate>
+        <Box component="form" onSubmit={searchChannels} noValidate sx={{marginTop: 2}}>
           <TableToolBar filterName={searchKeyword} handleFilterName={handleSearchKeyword} placeholder={'搜索渠道的 ID，名称和密钥 ...'} />
         </Box>
         <Toolbar
@@ -220,7 +214,7 @@ export default function ChannelPage() {
         >
           <Container>
             {matchUpMd ? (
-              <ButtonGroup variant="outlined" aria-label="outlined small primary button group">
+              <ButtonGroup variant="outlined" aria-label="outlined small primary button group" sx={{marginBottom: 2}}>
                 <Button onClick={handleRefresh} startIcon={<IconRefresh width={'18px'} />}>
                   刷新
                 </Button>