From c443f59a097fca92a4aa4a77b375497caccf9882 Mon Sep 17 00:00:00 2001
From: koji <koji.kanao@opentrons.com>
Date: Thu, 3 Oct 2024 15:17:57 -0400
Subject: [PATCH] fix(app): get back unboxingFlow path update function (#16411)

* fix(app): get back unboxingFlow path update function
---
 app/src/pages/ODD/RobotDashboard/WelcomeModal.tsx      | 10 ++++++++++
 .../ODD/RobotDashboard/__tests__/WelcomeModal.test.tsx |  5 +++++
 2 files changed, 15 insertions(+)

diff --git a/app/src/pages/ODD/RobotDashboard/WelcomeModal.tsx b/app/src/pages/ODD/RobotDashboard/WelcomeModal.tsx
index 99c1ff41b21..450bdb689bf 100644
--- a/app/src/pages/ODD/RobotDashboard/WelcomeModal.tsx
+++ b/app/src/pages/ODD/RobotDashboard/WelcomeModal.tsx
@@ -1,5 +1,6 @@
 import { useEffect } from 'react'
 import { useTranslation } from 'react-i18next'
+import { useDispatch } from 'react-redux'
 
 import {
   COLORS,
@@ -14,10 +15,12 @@ import { useCreateLiveCommandMutation } from '@opentrons/react-api-client'
 
 import { SmallButton } from '/app/atoms/buttons'
 import { OddModal } from '/app/molecules/OddModal'
+import { updateConfigValue } from '/app/redux/config'
 
 import welcomeModalImage from '/app/assets/images/on-device-display/welcome_dashboard_modal.png'
 
 import type { SetStatusBarCreateCommand } from '@opentrons/shared-data'
+import type { Dispatch } from '/app/redux/types'
 
 interface WelcomeModalProps {
   setShowWelcomeModal: (showWelcomeModal: boolean) => void
@@ -27,6 +30,7 @@ export function WelcomeModal({
   setShowWelcomeModal,
 }: WelcomeModalProps): JSX.Element {
   const { t } = useTranslation(['device_details', 'shared'])
+  const dispatch = useDispatch<Dispatch>()
 
   const { createLiveCommand } = useCreateLiveCommandMutation()
   const animationCommand: SetStatusBarCreateCommand = {
@@ -44,6 +48,12 @@ export function WelcomeModal({
   }
 
   const handleCloseModal = (): void => {
+    dispatch(
+      updateConfigValue(
+        'onDeviceDisplaySettings.unfinishedUnboxingFlowRoute',
+        null
+      )
+    )
     setShowWelcomeModal(false)
   }
 
diff --git a/app/src/pages/ODD/RobotDashboard/__tests__/WelcomeModal.test.tsx b/app/src/pages/ODD/RobotDashboard/__tests__/WelcomeModal.test.tsx
index 9d9f59d75b5..7fc9bf46ea2 100644
--- a/app/src/pages/ODD/RobotDashboard/__tests__/WelcomeModal.test.tsx
+++ b/app/src/pages/ODD/RobotDashboard/__tests__/WelcomeModal.test.tsx
@@ -6,6 +6,7 @@ import { useCreateLiveCommandMutation } from '@opentrons/react-api-client'
 
 import { renderWithProviders } from '/app/__testing-utils__'
 import { i18n } from '/app/i18n'
+import { updateConfigValue } from '/app/redux/config'
 import { WelcomeModal } from '../WelcomeModal'
 
 import type { SetStatusBarCreateCommand } from '@opentrons/shared-data'
@@ -61,6 +62,10 @@ describe('WelcomeModal', () => {
   it('should call a mock function when tapping next button', () => {
     render(props)
     fireEvent.click(screen.getByText('Next'))
+    expect(vi.mocked(updateConfigValue)).toHaveBeenCalledWith(
+      'onDeviceDisplaySettings.unfinishedUnboxingFlowRoute',
+      null
+    )
     expect(props.setShowWelcomeModal).toHaveBeenCalled()
   })
 })