forked from github/plane
03065d2c1d
* chore: inbox sidebar mobile responsiveness * chore: code refactor
35 lines
1003 B
TypeScript
35 lines
1003 B
TypeScript
import { FC, Fragment } from "react";
|
|
import { observer } from "mobx-react";
|
|
// components
|
|
import { InboxIssueListItem } from "@/components/inbox";
|
|
// store
|
|
import { IInboxIssueStore } from "@/store/inbox/inbox-issue.store";
|
|
|
|
export type InboxIssueListProps = {
|
|
workspaceSlug: string;
|
|
projectId: string;
|
|
projectIdentifier?: string;
|
|
inboxIssues: IInboxIssueStore[];
|
|
setIsMobileSidebar: (value: boolean) => void;
|
|
};
|
|
|
|
export const InboxIssueList: FC<InboxIssueListProps> = observer((props) => {
|
|
const { workspaceSlug, projectId, projectIdentifier, inboxIssues, setIsMobileSidebar } = props;
|
|
|
|
return (
|
|
<>
|
|
{inboxIssues.map((inboxIssue) => (
|
|
<Fragment key={inboxIssue.id}>
|
|
<InboxIssueListItem
|
|
setIsMobileSidebar={setIsMobileSidebar}
|
|
workspaceSlug={workspaceSlug}
|
|
projectId={projectId}
|
|
projectIdentifier={projectIdentifier}
|
|
inboxIssue={inboxIssue}
|
|
/>
|
|
</Fragment>
|
|
))}
|
|
</>
|
|
);
|
|
});
|