🚑 (results) Fix results display when variable has null value

apps/builder/src/features/editor/components/EditorSettingsModal.tsx

@@ -6,6 +6,7 @@ import {
   ModalContent,
   ModalOverlay,
 } from '@chakra-ui/react'
+import { GraphNavigation } from 'db'
 import React from 'react'
 import { EditorSettingsForm } from './EditorSettingsForm'
 
@@ -23,9 +24,11 @@ export const EditorSettingsModal = ({ isOpen, onClose }: Props) => {
       <ModalContent>
         <ModalCloseButton />
         <ModalBody pt="12" pb="8" px="8">
-          {user?.graphNavigation && (
-            <EditorSettingsForm defaultGraphNavigation={user.graphNavigation} />
-          )}
+          <EditorSettingsForm
+            defaultGraphNavigation={
+              user?.graphNavigation ?? GraphNavigation.TRACKPAD
+            }
+          />
         </ModalBody>
       </ModalContent>
     </Modal>

apps/builder/src/features/results/utils.tsx

@@ -75,6 +75,7 @@ export const convertResultsToTableData = (
         }
       }
       const variable = answerOrVariable as VariableWithValue
+      if (variable.value === null) return o
       const key = headerCells.find((headerCell) =>
         headerCell.variableIds?.includes(variable.id)
       )?.label

apps/viewer/src/components/TypebotPage.tsx

@@ -1,11 +1,5 @@
 import { TypebotViewer } from 'bot-engine'
-import {
-  Answer,
-  AnswerInput,
-  PublicTypebot,
-  Typebot,
-  VariableWithValue,
-} from 'models'
+import { AnswerInput, PublicTypebot, Typebot, VariableWithValue } from 'models'
 import { useRouter } from 'next/router'
 import React, { useEffect, useState } from 'react'
 import { isDefined, isNotDefined } from 'utils'