♻️Refactor: Redemptions Page

web/src/i18n/locales/en.json

@@ -1432,5 +1432,6 @@
   "30个": "30 items",
   "30个": "30 items",
   "100个": "100 items",
   "100个": "100 items",
   "Midjourney 任务记录": "Midjourney Task Records",
   "Midjourney 任务记录": "Midjourney Task Records",
-  "任务记录": "Task Records"
+  "任务记录": "Task Records",
+  "兑换码可以批量生成和分发，适合用于推广活动或批量充值。": "Redemption codes can be batch generated and distributed, suitable for promotion activities or bulk recharge."
 }
 }
\ No newline at end of file

web/src/pages/Redemption/index.js

 import React from 'react';
 import React from 'react';
 import RedemptionsTable from '../../components/RedemptionsTable';
 import RedemptionsTable from '../../components/RedemptionsTable';
-import { Layout } from '@douyinfe/semi-ui';
-import { useTranslation } from 'react-i18next';
 
 
 const Redemption = () => {
 const Redemption = () => {
-  const { t } = useTranslation();
   return (
   return (
     <>
     <>
-      <Layout>
-        <Layout.Header>
-          <h3>{t('管理兑换码')}</h3>
-        </Layout.Header>
-        <Layout.Content>
-          <RedemptionsTable />
-        </Layout.Content>
-      </Layout>
+      <RedemptionsTable />
     </>
     </>
   );
   );
 };
 };

web/src/pages/Token/index.js

 import React from 'react';
 import React from 'react';
 import TokensTable from '../../components/TokensTable';
 import TokensTable from '../../components/TokensTable';
-import { useTranslation } from 'react-i18next';
+
 const Token = () => {
 const Token = () => {
-  const { t } = useTranslation();
   return (
   return (
     <>
     <>
       <TokensTable />
       <TokensTable />