52 lines
1.4 KiB
TypeScript
52 lines
1.4 KiB
TypeScript
import { CellCommentChip } from '@/comments/components/comments/CellCommentChip';
|
|
import { useOpenCommentRightDrawer } from '@/comments/hooks/useOpenCommentRightDrawer';
|
|
import EditableChip from '@/ui/components/editable-cell/types/EditableChip';
|
|
import { getLogoUrlFromDomainName } from '@/utils/utils';
|
|
import { CommentableType } from '~/generated/graphql';
|
|
|
|
import { Company } from '../interfaces/company.interface';
|
|
import { updateCompany } from '../services';
|
|
|
|
import CompanyChip from './CompanyChip';
|
|
|
|
type OwnProps = {
|
|
company: Company;
|
|
};
|
|
|
|
export function CompanyEditableNameChipCell({ company }: OwnProps) {
|
|
const openCommentRightDrawer = useOpenCommentRightDrawer();
|
|
|
|
function handleCommentClick(event: React.MouseEvent<HTMLDivElement>) {
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
|
|
openCommentRightDrawer([
|
|
{
|
|
type: CommentableType.Company,
|
|
id: company.id,
|
|
},
|
|
]);
|
|
}
|
|
|
|
return (
|
|
<EditableChip
|
|
value={company.name || ''}
|
|
placeholder="Name"
|
|
picture={getLogoUrlFromDomainName(company.domainName)}
|
|
changeHandler={(value: string) => {
|
|
updateCompany({
|
|
...company,
|
|
name: value,
|
|
});
|
|
}}
|
|
ChipComponent={CompanyChip}
|
|
rightEndContents={[
|
|
<CellCommentChip
|
|
count={company._commentCount ?? 0}
|
|
onClick={handleCommentClick}
|
|
/>,
|
|
]}
|
|
/>
|
|
);
|
|
}
|