* Introduce main identifier to power RelationFieldDisplay, FilterDrodown, TableFirstColumn * Apply to RelationPicker
28 lines
470 B
TypeScript
28 lines
470 B
TypeScript
import {
|
|
EntityChip,
|
|
EntityChipVariant,
|
|
} from '@/ui/display/chip/components/EntityChip';
|
|
|
|
export type PersonChipProps = {
|
|
id: string;
|
|
name: string;
|
|
avatarUrl?: string;
|
|
variant?: EntityChipVariant;
|
|
};
|
|
|
|
export const PersonChip = ({
|
|
id,
|
|
name,
|
|
avatarUrl,
|
|
variant,
|
|
}: PersonChipProps) => (
|
|
<EntityChip
|
|
entityId={id}
|
|
linkToEntity={`/person/${id}`}
|
|
name={name}
|
|
avatarType="rounded"
|
|
avatarUrl={avatarUrl}
|
|
variant={variant}
|
|
/>
|
|
);
|