tags

tags.js

function handleTagClick(tag, thisLevel) {
		reduxDispatch(getContentByTagId(tag.tag_id, authToken))
		setLastClickedTag(tag)
		const childTagIds = tag.relations.relation
		const isRendered = tagState[thisLevel + 2]
		if (isRendered) {
			const tempTagState = tagState
			Object.keys(tagState).map(curr => {
				if (curr > thisLevel + 1) {
					setTimeout(() => {
						toggleAnimated(currAnimated => ({
							...currAnimated,
							[curr]: false,
						}))
					}, 100)
					setTimeout(() => {
						dispatch({
							type: UP,
							payload: {
								levelToDelete: curr,
							},
						})
						level(-1)
					}, 200)
				}
				return true
			})
		}

		if (childTagIds && !isRendered) {
			const thisLevelTags = []
			childTagIds.map(childTagId => {
				const found = childTag(childTagId, currentLevel + 1)
				if (found) {
					thisLevelTags.push({
						...found,
					})
				}
				return true
			})
			if (thisLevelTags.length > 0) {
				dispatch({
					type: DOWN,
					payload: {
						level: currentLevel + 1,
						tags: thisLevelTags,
					},
				})
				setTimeout(() => {
					toggleAnimated(currAnimated => (
						{
							...currAnimated,
							[currentLevel + 1]: true,
						}
					))
				}, 10)
				level(1)
			}
		} else if (!childTagIds && (tagState[thisLevel + 1])) {
			toggleAnimated(currAnimated => ({
				...currAnimated,
				[thisLevel + 1]: false,
			}))
			level(-1)
			setTimeout(() => {
				dispatch({
					type: UP,
					payload: {
						levelToDelete: thisLevel + 1,
					},
				})
			}, 500)
		}
	}