57 lines
1.3 KiB
JavaScript
57 lines
1.3 KiB
JavaScript
import React from "react";
|
|
import { useTranslation } from "react-i18next";
|
|
import { Table, Button, Typography } from "antd";
|
|
export default function ProfileShopsComponent({
|
|
loading,
|
|
data,
|
|
updateActiveShop,
|
|
}) {
|
|
const { t } = useTranslation();
|
|
|
|
const columns = [
|
|
{
|
|
title: t("associations.fields.shopname"),
|
|
dataIndex: "shopname",
|
|
key: "shopname",
|
|
width: "25%",
|
|
render: (text, record) => <span>{record.bodyshop.shopname}</span>,
|
|
},
|
|
{
|
|
title: t("associations.fields.active"),
|
|
dataIndex: "active",
|
|
key: "active",
|
|
width: "25%",
|
|
render: (text, record) => <span>{record.active ? "Yes" : "No"}</span>,
|
|
},
|
|
{
|
|
title: t("associations.labels.actions"),
|
|
dataIndex: "actions",
|
|
key: "actions",
|
|
width: "25%",
|
|
render: (text, record) => (
|
|
<span>
|
|
{record.active ? null : (
|
|
<Button onClick={() => updateActiveShop(record.id)}>
|
|
Activate
|
|
</Button>
|
|
)}
|
|
</span>
|
|
),
|
|
},
|
|
];
|
|
|
|
return (
|
|
<Table
|
|
title={() => (
|
|
<Typography.Title level={4}>
|
|
{t("profile.labels.activeshop")}
|
|
</Typography.Title>
|
|
)}
|
|
loading={loading}
|
|
columns={columns}
|
|
rowKey="id"
|
|
dataSource={data}
|
|
/>
|
|
);
|
|
}
|