* testing with all_shares * share table * share table * change icon on admin page * add share size to list --------- Co-authored-by: Elias Schneider <login@eliasschneider.com>
75 lines
2.0 KiB
TypeScript
75 lines
2.0 KiB
TypeScript
import { Group, Space, Text, Title } from "@mantine/core";
|
|
import { useModals } from "@mantine/modals";
|
|
import { useEffect, useState } from "react";
|
|
import { FormattedMessage } from "react-intl";
|
|
import Meta from "../../components/Meta";
|
|
import ManageShareTable from "../../components/admin/shares/ManageShareTable";
|
|
import useTranslate from "../../hooks/useTranslate.hook";
|
|
import shareService from "../../services/share.service";
|
|
import { MyShare } from "../../types/share.type";
|
|
import toast from "../../utils/toast.util";
|
|
|
|
const Shares = () => {
|
|
const [shares, setShares] = useState<MyShare[]>([]);
|
|
const [isLoading, setIsLoading] = useState(true);
|
|
|
|
const modals = useModals();
|
|
const t = useTranslate();
|
|
|
|
const getShares = () => {
|
|
setIsLoading(true);
|
|
shareService.list().then((shares) => {
|
|
setShares(shares);
|
|
setIsLoading(false);
|
|
});
|
|
};
|
|
|
|
const deleteShare = (share: MyShare) => {
|
|
modals.openConfirmModal({
|
|
title: t("admin.shares.edit.delete.title", {
|
|
id: share.id,
|
|
}),
|
|
children: (
|
|
<Text size="sm">
|
|
<FormattedMessage id="admin.shares.edit.delete.description" />
|
|
</Text>
|
|
),
|
|
labels: {
|
|
confirm: t("common.button.delete"),
|
|
cancel: t("common.button.cancel"),
|
|
},
|
|
confirmProps: { color: "red" },
|
|
onConfirm: async () => {
|
|
shareService
|
|
.remove(share.id)
|
|
.then(() => setShares(shares.filter((v) => v.id != share.id)))
|
|
.catch(toast.axiosError);
|
|
},
|
|
});
|
|
};
|
|
|
|
useEffect(() => {
|
|
getShares();
|
|
}, []);
|
|
|
|
return (
|
|
<>
|
|
<Meta title={t("admin.shares.title")} />
|
|
<Group position="apart" align="baseline" mb={20}>
|
|
<Title mb={30} order={3}>
|
|
<FormattedMessage id="admin.shares.title" />
|
|
</Title>
|
|
</Group>
|
|
|
|
<ManageShareTable
|
|
shares={shares}
|
|
deleteShare={deleteShare}
|
|
isLoading={isLoading}
|
|
/>
|
|
<Space h="xl" />
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default Shares;
|