forked from github/plane
34 lines
932 B
TypeScript
34 lines
932 B
TypeScript
import { FC } from "react";
|
|
import { observer } from "mobx-react";
|
|
// hooks
|
|
import { useInboxIssues } from "hooks/store";
|
|
// components
|
|
import { InboxIssueListItem } from "../";
|
|
|
|
type TInboxIssueList = { workspaceSlug: string; projectId: string; inboxId: string };
|
|
|
|
export const InboxIssueList: FC<TInboxIssueList> = observer((props) => {
|
|
const { workspaceSlug, projectId, inboxId } = props;
|
|
// hooks
|
|
const {
|
|
issues: { getInboxIssuesByInboxId },
|
|
} = useInboxIssues();
|
|
|
|
const inboxIssueIds = getInboxIssuesByInboxId(inboxId);
|
|
|
|
if (!inboxIssueIds) return <></>;
|
|
return (
|
|
<div className="overflow-y-auto w-full h-full vertical-scrollbar scrollbar-md">
|
|
{inboxIssueIds.map((issueId) => (
|
|
<InboxIssueListItem
|
|
key={issueId}
|
|
workspaceSlug={workspaceSlug}
|
|
projectId={projectId}
|
|
inboxId={inboxId}
|
|
issueId={issueId}
|
|
/>
|
|
))}
|
|
</div>
|
|
);
|
|
});
|