🗑️ 删除旧的CookieTargetManager

This commit is contained in:
suyiiyii 2024-10-12 13:37:17 +08:00
parent a941d77257
commit 271e3e7a72
Signed by: suyiiyii
GPG Key ID: 044704CB29B8AD85

View File

@ -1,77 +0,0 @@
import React, { useState } from 'react';
import { useParams } from 'react-router-dom';
import {
Button, Empty, Space, Table, Typography,
} from '@arco-design/web-react';
import { useDeleteCookieTargetMutation, useGetCookieTargetsQuery } from '../cookieManager/cookieConfigSlice';
import { CookieTarget } from '../../utils/type';
import CookieTargetModal from './CookieTargetModal';
export default function CookieTargetManager() {
const { cookieId: cookieParam } = useParams();
if (cookieParam === undefined) {
return <Empty />;
}
const cookieId = parseInt(cookieParam, 10);
const { data: cookieTargets } = useGetCookieTargetsQuery({ cookieId });
const [showModal, setShowModal] = useState(false);
const [deleteCookieTarget] = useDeleteCookieTargetMutation();
const handleAdd = () => {
setShowModal(true);
};
const handleDelete = (record: CookieTarget) => () => {
deleteCookieTarget({
cookieId: record.cookie_id,
target: record.target.target,
platformName: record.target.platform_name,
});
};
const columns = [
{
title: '平台名称',
dataIndex: 'target.platform_name',
},
{
title: '订阅名称',
dataIndex: 'target.target_name',
},
{
title: 'Cookie ID',
dataIndex: 'cookie_id',
},
{
title: '操作',
dataIndex: 'op',
render: (_: null, record: CookieTarget) => (
<Space size="small">
<Button type="text" status="danger" onClick={handleDelete(record)}></Button>
</Space>
),
},
];
return (
<>
<span>
<Typography.Title heading={3}>{`Cookie ${cookieId}`}</Typography.Title>
</span>
<Button style={{ width: '90px', margin: '20px 10px' }} type="primary" onClick={handleAdd}></Button>
<Table
columns={columns}
data={cookieTargets}
rowKey={(record: CookieTarget) => `${record.target.platform_name}-${record.target.target}`}
scroll={{ x: true }}
/>
<CookieTargetModal
key={cookieId}
visible={showModal}
setVisible={setShowModal}
cookieId={cookieId}
/>
</>
);
}