blsmedia/bot
2
0
Fork 0
Code Activity

refactor(graph): ♻️ Add Edges table in Typebot

Browse Source
This commit is contained in:
Baptiste Arnaud
2022-01-19 18:54:49 +01:00
parent ab34f95cce
commit 8bbd8977b2
59 changed files with 1118 additions and 991 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
apps/builder/components/analytics/graph/Edges/Edges.tsx
View File

@ -1,8 +1,7 @@
import { chakra } from '@chakra-ui/system'
import { useAnalyticsGraph } from 'contexts/AnalyticsGraphProvider'
import React, { useMemo } from 'react'
import React from 'react'
import { AnswersCount } from 'services/analytics'
import { isDefined } from 'utils'
import { DropOffBlock } from '../blocks/DropOffBlock'
import { DropOffEdge } from './DropOffEdge'
import { Edge } from './Edge'
@ -12,13 +11,6 @@ type Props = { answersCounts?: AnswersCount[] }
export const Edges = ({ answersCounts }: Props) => {
const { typebot } = useAnalyticsGraph()
const stepIdsWithTarget: string[] = useMemo(() => {
if (!typebot) return []
return typebot.steps.allIds.filter((stepId) =>
isDefined(typebot.steps.byId[stepId].target)
)
}, [typebot])
return (
<>
<chakra.svg
@ -29,8 +21,8 @@ export const Edges = ({ answersCounts }: Props) => {
left="0"
top="0"
>
{stepIdsWithTarget.map((stepId) => (
<Edge key={stepId} stepId={stepId} />
{typebot?.edges.allIds.map((edgeId) => (
<Edge key={edgeId} edgeId={edgeId} />
))}
<marker
id={'arrow'}