forked from github/plane
5a32d10f96
* chore: replaced marimekko graph with a bar graph * chore: add bar onClick handler * chore: custom date filter for widgets * style: priority graph * chore: workspace profile activity pagination * chore: profile activity pagination * chore: user profile activity pagination * chore: workspace user activity csv download * chore: download activity button added * chore: workspace user pagination * chore: collabrator pagination * chore: field change * chore: recent collaborators pagination * chore: changed the collabrators * chore: collabrators list changed * fix: distinct users * chore: search filter in collaborators * fix: import error * chore: update priority graph x-axis values * chore: admin and member request validation * chore: update csv download request method * chore: search implementation for the collaborators widget * refactor: priority distribution card * chore: add enum for duration filters * chore: update inbox types * chore: add todos for refactoring --------- Co-authored-by: NarayanBavisetti <narayan3119@gmail.com>
34 lines
1.1 KiB
TypeScript
34 lines
1.1 KiB
TypeScript
// components
|
|
import { PriorityDistributionContent } from "./main-content";
|
|
// ui
|
|
import { Loader } from "@plane/ui";
|
|
// types
|
|
import { IUserPriorityDistribution } from "@plane/types";
|
|
|
|
type Props = {
|
|
priorityDistribution: IUserPriorityDistribution[] | undefined;
|
|
};
|
|
|
|
export const ProfilePriorityDistribution: React.FC<Props> = (props) => {
|
|
const { priorityDistribution } = props;
|
|
|
|
return (
|
|
<div className="flex flex-col space-y-2">
|
|
<h3 className="text-lg font-medium">Issues by priority</h3>
|
|
{priorityDistribution ? (
|
|
<PriorityDistributionContent priorityDistribution={priorityDistribution} />
|
|
) : (
|
|
<div className="grid place-items-center p-7">
|
|
<Loader className="flex items-end gap-12">
|
|
<Loader.Item width="30px" height="200px" />
|
|
<Loader.Item width="30px" height="150px" />
|
|
<Loader.Item width="30px" height="250px" />
|
|
<Loader.Item width="30px" height="150px" />
|
|
<Loader.Item width="30px" height="100px" />
|
|
</Loader>
|
|
</div>
|
|
)}
|
|
</div>
|
|
);
|
|
};
|