c847bca293
* Move code to new folder * Deduplicate code, remove dependancy on table * Remove more table dependency * Move close logic to input * Migrate editable text cell * Rename EditableTextInput * Fix component test id
38 lines
1.2 KiB
TypeScript
38 lines
1.2 KiB
TypeScript
import CompanyChip from '@/companies/components/CompanyChip';
|
|
import { useRecoilScopedState } from '@/recoil-scope/hooks/useRecoilScopedState';
|
|
import { EditableCell } from '@/ui/components/editable-cell/EditableCell';
|
|
import { isCreateModeScopedState } from '@/ui/components/inplace-input/states/isCreateModeScopedState';
|
|
import { getLogoUrlFromDomainName } from '@/utils/utils';
|
|
import { Company, Person } from '~/generated/graphql';
|
|
|
|
import { PeopleCompanyCreateCell } from './PeopleCompanyCreateCell';
|
|
import { PeopleCompanyPicker } from './PeopleCompanyPicker';
|
|
|
|
export type OwnProps = {
|
|
people: Pick<Person, 'id'> & {
|
|
company?: Pick<Company, 'id' | 'name' | 'domainName'> | null;
|
|
};
|
|
};
|
|
|
|
export function PeopleCompanyCell({ people }: OwnProps) {
|
|
const [isCreating] = useRecoilScopedState(isCreateModeScopedState);
|
|
|
|
return (
|
|
<EditableCell
|
|
editModeContent={
|
|
isCreating ? (
|
|
<PeopleCompanyCreateCell people={people} />
|
|
) : (
|
|
<PeopleCompanyPicker people={people} />
|
|
)
|
|
}
|
|
nonEditModeContent={
|
|
<CompanyChip
|
|
name={people.company?.name ?? ''}
|
|
picture={getLogoUrlFromDomainName(people.company?.domainName)}
|
|
/>
|
|
}
|
|
/>
|
|
);
|
|
}
|