forked from github/plane
1e152c666c
* chore: moved app & space from apps to root * chore: modified workspace configuration * chore: modified dockerfiles for space and web * chore: modified icons for space * feat: updated files for new svg icons supported by next-images * chore: added /spaces base path for next * chore: added compose config for space * chore: updated husky configuration * chore: updated workflows for new configuration * chore: changed app name to web * fix: resolved build errors with web * chore: reset file tracing root for both projects * chore: added nginx config for deploy * fix: eslint and tsconfig settings for space app * husky setup fixes based on new dir * eslint fixes * prettier formatting --------- Co-authored-by: Henit Chobisa <chobisa.henit@gmail.com>
39 lines
1.3 KiB
TypeScript
39 lines
1.3 KiB
TypeScript
// types
|
|
import { IUserStateDistribution } from "types";
|
|
// constants
|
|
import { STATE_GROUP_COLORS } from "constants/state";
|
|
|
|
type Props = {
|
|
stateDistribution: IUserStateDistribution[];
|
|
};
|
|
|
|
export const ProfileWorkload: React.FC<Props> = ({ stateDistribution }) => (
|
|
<div className="space-y-2">
|
|
<h3 className="text-lg font-medium">Workload</h3>
|
|
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 gap-4 justify-stretch">
|
|
{stateDistribution.map((group) => (
|
|
<div key={group.state_group}>
|
|
<a className="flex gap-2 p-4 rounded border border-custom-border-100 whitespace-nowrap">
|
|
<div
|
|
className="h-3 w-3 rounded-sm"
|
|
style={{
|
|
backgroundColor: STATE_GROUP_COLORS[group.state_group],
|
|
}}
|
|
/>
|
|
<div className="space-y-1 -mt-1">
|
|
<p className="text-custom-text-400 text-sm capitalize">
|
|
{group.state_group === "unstarted"
|
|
? "Not Started"
|
|
: group.state_group === "started"
|
|
? "Working on"
|
|
: group.state_group}
|
|
</p>
|
|
<p className="text-xl font-semibold">{group.state_count}</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
))}
|
|
</div>
|
|
</div>
|
|
);
|