plane/web/components/issues/issue-layouts/list/headers/created-by.tsx
Aaryan Khandelwal 490e032ac6
style: new avatar and avatar group components (#2584)
* style: new avatar components

* chore: bug fixes

* chore: add pixel to size

* chore: add comments to helper functions

* fix: build errors
2023-11-01 15:24:11 +05:30

30 lines
684 B
TypeScript

import { FC } from "react";
import { observer } from "mobx-react-lite";
// components
import { HeaderGroupByCard } from "./group-by-card";
import { Icon } from "./assignee";
export interface ICreatedByHeader {
column_id: string;
column_value: any;
issues_count: number;
}
export const CreatedByHeader: FC<ICreatedByHeader> = observer((props) => {
const { column_id, column_value, issues_count } = props;
const createdBy = column_value ?? null;
return (
<>
{createdBy && (
<HeaderGroupByCard
icon={<Icon user={createdBy} />}
title={createdBy?.display_name || ""}
count={issues_count}
/>
)}
</>
);
});