forked from github/plane
42 lines
1.1 KiB
TypeScript
42 lines
1.1 KiB
TypeScript
import { FC } from "react";
|
|
import { observer } from "mobx-react-lite";
|
|
// hooks
|
|
import { useIssueDetail } from "@/hooks/store";
|
|
// components
|
|
import { IssueAttachmentsDetail } from "./attachment-detail";
|
|
// types
|
|
import { TAttachmentOperations } from "./root";
|
|
|
|
type TAttachmentOperationsRemoveModal = Exclude<TAttachmentOperations, "create">;
|
|
|
|
type TIssueAttachmentsList = {
|
|
issueId: string;
|
|
handleAttachmentOperations: TAttachmentOperationsRemoveModal;
|
|
disabled?: boolean;
|
|
};
|
|
|
|
export const IssueAttachmentsList: FC<TIssueAttachmentsList> = observer((props) => {
|
|
const { issueId, handleAttachmentOperations, disabled } = props;
|
|
// store hooks
|
|
const {
|
|
attachment: { getAttachmentsByIssueId },
|
|
} = useIssueDetail();
|
|
// derived values
|
|
const issueAttachments = getAttachmentsByIssueId(issueId);
|
|
|
|
if (!issueAttachments) return <></>;
|
|
|
|
return (
|
|
<>
|
|
{issueAttachments?.map((attachmentId) => (
|
|
<IssueAttachmentsDetail
|
|
key={attachmentId}
|
|
attachmentId={attachmentId}
|
|
disabled={disabled}
|
|
handleAttachmentOperations={handleAttachmentOperations}
|
|
/>
|
|
))}
|
|
</>
|
|
);
|
|
});
|