🐛 (analytics) Fix multi usage query timeout

apps/builder/components/shared/Graph/Edges/Edges.tsx

@@ -16,8 +16,7 @@ export const Edges = ({
   edges,
   answersCounts,
   onUnlockProPlanClick,
-}: Props) => {
+}: Props) => (
-  return (
   <chakra.svg
     width="full"
     height="full"
@@ -31,7 +30,7 @@ export const Edges = ({
     {edges.map((edge) => (
       <Edge key={edge.id} edge={edge} />
     ))}
-      {answersCounts?.slice(1)?.map((answerCount) => (
+    {answersCounts?.map((answerCount) => (
       <DropOffEdge
         key={answerCount.groupId}
         answersCounts={answersCounts}
@@ -85,5 +84,4 @@ export const Edges = ({
       />
     </marker>
   </chakra.svg>
-  )
+)
-}

apps/builder/pages/api/typebots/[typebotId]/results/answers/count.ts

@@ -15,19 +15,22 @@ const handler = async (req: NextApiRequest, res: NextApiResponse) => {
       where: canReadTypebot(typebotId, user),
       include: { publishedTypebot: true },
     })
-    if (!typebot) return res.status(404).send({ answersCounts: [] })
+    const publishedTypebot =
-    const answersCounts: { groupId: string; totalAnswers: number }[] =
+      typebot?.publishedTypebot as unknown as PublicTypebot
-      await Promise.all(
+    if (!publishedTypebot) return res.status(404).send({ answersCounts: [] })
-        (typebot.publishedTypebot as unknown as PublicTypebot).groups.map(
+    const answersCounts = await prisma.answer.groupBy({
-          async (group) => {
+      by: ['groupId'],
-            const totalAnswers = await prisma.answer.count({
+      where: {
-              where: { groupId: group.id },
+        groupId: { in: publishedTypebot.groups.map((g) => g.id) },
+      },
+      _count: { _all: true },
+    })
+    return res.status(200).send({
+      answersCounts: answersCounts.map((answer) => ({
+        groupId: answer.groupId,
+        totalAnswers: answer._count._all,
+      })),
     })
-            return { groupId: group.id, totalAnswers }
-          }
-        )
-      )
-    return res.status(200).send({ answersCounts })
   }
   return methodNotAllowed(res)
 }