Exemplos de casos de uso de definições de canais de tarefas
Adição de uma guia ao canal personalizado
MyCallChannel.addedComponents = [
{
target: "TaskCanvasTabs",
component: <MyTab
key="myTab"
icon={<img src="https://someimage.png" />}
iconActive={<img src="someimage.png" />}
/>
}
];Substituição de um componente (por exemplo, TaskInfoPanel ou MessagingCanvas)
const MyComponent = <div key="X">My Call Task Info Panel</div>;
MyCallChannel.replacedComponents = [
{ component: MyComponent, target: "TaskInfoPanel" }
];Substituição de um componente condicionalmente
MyCallChannel.replacedComponents = [
{ component: MyComponent, target: "MessagingCanvas", options:
{ if: (props) => props.task.status === "wrapping" }
}
];Alteração de strings com base nos tipos de tarefa (por exemplo, para o botão End Task [Finalizar tarefa] no cabeçalho):
myOwnChatChannel.templates.TaskCanvasHeader.endButton = {
Assigned: "End Task",
Reserved: undefined,
Wrapping: "Wrap up",
Completed: "Template1",
Canceled: "Template2",
Pending: "Template3"
};Remoção de um componente condicionalmente (por exemplo, remover o botão de ação de TaskListItem se a tarefa estiver no estado "wrapping" [encerrando])
Flex.DefaultTaskChannels.Call.removedComponents = [{
target: "TaskCanvasHeader",
key: "actions",
options: {
if: (props) => props.task.status === "wrapping"
}
}];Precisa de ajuda?
Às vezes, todos nós precisamos; a programação é difícil. Receba ajuda agora da nossa equipe de suporte, ou confie na sabedoria da multidão navegando pelo Stack Overflow Collective da Twilio ou buscando a tag Twilio no Stack Overflow.
