public render()

in fronts-client/src/components/FrontsEdit/CollectionComponents/Sublinks.tsx [52:101]

49 lines of code
5 McCabe index (conditional complexity)


	public render() {
		const {
			numSupportingArticles,
			toggleShowArticleSublinks,
			showArticleSublinks,
			parentId,
			sublinkLabel = 'sublink',
		} = this.props;

		const isClipboard = parentId === 'clipboard';
		return (
			<>
				{numSupportingArticles > 0 && (
					<DragIntentContainer
						active={!showArticleSublinks}
						onDragIntentStart={() => {
							this.setState({ dragHoverActive: true });
						}}
						onDragIntentEnd={() => {
							this.setState({ dragHoverActive: false });
						}}
						delay={100}
						filterRegisterEvent={(e) => !denyDragEvent()(e)}
						onIntentConfirm={() => {
							toggleShowArticleSublinks();
						}}
					>
						<CardContainer
							draggable={false}
							onClick={toggleShowArticleSublinks}
						>
							<SublinkCardBody dragHoverActive={this.state.dragHoverActive}>
								{!isClipboard && <CardMetaContainer />}
								<SublinkCardContent displaySize="small" showMeta={isClipboard}>
									<span>
										{numSupportingArticles} {sublinkLabel}
										{numSupportingArticles > 1 && 's'}
										<ButtonCircularCaret
											openDir={showArticleSublinks ? 'up' : 'down'}
											clear={true}
										/>
									</span>
								</SublinkCardContent>
							</SublinkCardBody>
						</CardContainer>
					</DragIntentContainer>
				)}
			</>
		);
	}