74 lines
2.3 KiB
TypeScript
74 lines
2.3 KiB
TypeScript
import { useFilteredSearchCompanyQuery } from '@/companies/queries';
|
|
import { SingleEntitySelect } from '@/ui/input/relation-picker/components/SingleEntitySelect';
|
|
import { relationPickerSearchFilterScopedState } from '@/ui/input/relation-picker/states/relationPickerSearchFilterScopedState';
|
|
import { EntityForSelect } from '@/ui/input/relation-picker/types/EntityForSelect';
|
|
import { useEditableCell } from '@/ui/table/editable-cell/hooks/useEditableCell';
|
|
import { isCreateModeScopedState } from '@/ui/table/editable-cell/states/isCreateModeScopedState';
|
|
import { TableHotkeyScope } from '@/ui/table/types/TableHotkeyScope';
|
|
import { useSetHotkeyScope } from '@/ui/utilities/hotkey/hooks/useSetHotkeyScope';
|
|
import { useRecoilScopedState } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedState';
|
|
import {
|
|
Company,
|
|
Person,
|
|
useUpdateOnePersonMutation,
|
|
} from '~/generated/graphql';
|
|
|
|
export type OwnProps = {
|
|
people: Pick<Person, 'id'> & { company?: Pick<Company, 'id'> | null };
|
|
};
|
|
|
|
export function PeopleCompanyPicker({ people }: OwnProps) {
|
|
const [, setIsCreating] = useRecoilScopedState(isCreateModeScopedState);
|
|
|
|
const [searchFilter] = useRecoilScopedState(
|
|
relationPickerSearchFilterScopedState,
|
|
);
|
|
const [updatePerson] = useUpdateOnePersonMutation();
|
|
|
|
const { closeEditableCell } = useEditableCell();
|
|
|
|
const addToScopeStack = useSetHotkeyScope();
|
|
|
|
const companies = useFilteredSearchCompanyQuery({
|
|
searchFilter,
|
|
selectedIds: people.company?.id ? [people.company.id] : [],
|
|
});
|
|
|
|
async function handleEntitySelected(
|
|
entity: EntityForSelect | null | undefined,
|
|
) {
|
|
if (entity) {
|
|
await updatePerson({
|
|
variables: {
|
|
where: {
|
|
id: people.id,
|
|
},
|
|
data: {
|
|
company: { connect: { id: entity.id } },
|
|
},
|
|
},
|
|
});
|
|
}
|
|
|
|
closeEditableCell();
|
|
}
|
|
|
|
function handleCreate() {
|
|
setIsCreating(true);
|
|
addToScopeStack(TableHotkeyScope.CellDoubleTextInput);
|
|
}
|
|
|
|
return (
|
|
<SingleEntitySelect
|
|
onCreate={handleCreate}
|
|
onCancel={() => closeEditableCell()}
|
|
onEntitySelected={handleEntitySelected}
|
|
entities={{
|
|
entitiesToSelect: companies.entitiesToSelect,
|
|
selectedEntity: companies.selectedEntities[0],
|
|
loading: companies.loading,
|
|
}}
|
|
/>
|
|
);
|
|
}
|