Method render

src/components/choice-container/index.ts:70–91

()

	}

	override render(): Promise<string> {
		const choices = this.props.choices.map((choice) => {
			const choiceText = this.engine.replaceVariables(choice.Text);

			if (typeof choice.Clickable === 'function') {
				return new Promise<string>((resolve) => {
					this.engine.assertAsync(choice.Clickable!, this.engine).then(() => {
						resolve(`<button data-do="${choice.Do}" ${choice.Class ? `class="${choice.Class}"` : ''} data-choice="${choice._key}">${choiceText}</button>`);
					}).catch(() => {
						resolve(`<button data-do="${choice.Do}" ${choice.Class ? `class="${choice.Class}"` : ''} data-choice="${choice._key}" disabled>${choiceText}</button>`);
					});
				});
			}
			return Promise.resolve(`<button data-do="${choice.Do}" ${choice.Class ? `class="${choice.Class}"` : ''} data-choice="${choice._key}">${choiceText}</button>`);
		});

		return Promise.all(choices).then((choiceButtons) => `
			<div data-content="wrapper">
				${choiceButtons.join('')}
			</div>
		`);
	}
}

export default ChoiceContainer;