mirror of
https://github.com/makeplane/plane
synced 2024-06-14 14:31:34 +00:00
17f83d6458
* dev: change layout * chore: replace workspace slug and project id with anchor * chore: migration fixes * chore: update filtering logic * chore: endpoint changes * chore: update endpoint * chore: changed url pratterns * chore: use client side for layout and page * chore: issue vote changes * chore: project deploy board response change * refactor: publish project store and components * fix: update layout options after fetching settings * chore: remove unnecessary types * style: peek overview * refactor: components folder structure * fix: redirect from old path * chore: make the whole issue block clickable * chore: removed the migration file * chore: add server side redirection for old routes * chore: is enabled key change * chore: update types * chore: removed the migration file --------- Co-authored-by: NarayanBavisetti <narayan3119@gmail.com>
41 lines
1.1 KiB
TypeScript
41 lines
1.1 KiB
TypeScript
"use client";
|
|
import { FC } from "react";
|
|
import { observer } from "mobx-react-lite";
|
|
// components
|
|
import { IssueListLayoutBlock, IssueListLayoutHeader } from "@/components/issues";
|
|
// mobx hook
|
|
import { useIssue } from "@/hooks/store";
|
|
|
|
type Props = {
|
|
anchor: string;
|
|
};
|
|
|
|
export const IssuesListLayoutRoot: FC<Props> = observer((props) => {
|
|
const { anchor } = props;
|
|
// store hooks
|
|
const { states, getFilteredIssuesByState } = useIssue();
|
|
|
|
return (
|
|
<>
|
|
{states?.map((state) => {
|
|
const issues = getFilteredIssuesByState(state.id);
|
|
|
|
return (
|
|
<div key={state.id} className="relative w-full">
|
|
<IssueListLayoutHeader state={state} />
|
|
{issues && issues.length > 0 ? (
|
|
<div className="divide-y divide-custom-border-200">
|
|
{issues.map((issue) => (
|
|
<IssueListLayoutBlock key={issue.id} anchor={anchor} issue={issue} />
|
|
))}
|
|
</div>
|
|
) : (
|
|
<div className="bg-custom-background-100 p-3 text-sm text-custom-text-400">No issues.</div>
|
|
)}
|
|
</div>
|
|
);
|
|
})}
|
|
</>
|
|
);
|
|
});
|