From 5b09b632a3602f0ead23f311741e7318dd68420e Mon Sep 17 00:00:00 2001
From: Paul Farault <diode-farault.consultant@dgfip.finances.gouv.fr>
Date: Wed, 8 Mar 2023 09:53:09 +0100
Subject: [PATCH] feat: import raw changes to view mode

---
 src/components/Services/VariablesDisplay.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/Services/VariablesDisplay.tsx b/src/components/Services/VariablesDisplay.tsx
index 191941d..cb36349 100644
--- a/src/components/Services/VariablesDisplay.tsx
+++ b/src/components/Services/VariablesDisplay.tsx
@@ -7,6 +7,7 @@ import {
   useFieldArray,
 } from 'react-hook-form'
 import Editor from '@monaco-editor/react'
+import { merge } from 'mixme'
 import { Bars3CenterLeftIcon, EyeIcon } from '@heroicons/react/24/solid'
 import { Disclosure, Sidebar } from 'src/components/Layout'
 import { Button, IconButon } from 'src/components/commons'
@@ -59,7 +60,7 @@ function flattenObject(obj: Object) {
 function ServiceVariables({ variables }: { variables: Object }) {
   const { currentServiceId, currentComponentId } = useParamsContext()
   const dispatch = useAppDispatch()
-  const { getValues, control } = useFormContext()
+  const { getValues, control, reset } = useFormContext()
   const { dirtyFields } = useFormState({ control })
   const editorRef = useRef(null)
   const {
@@ -98,6 +99,7 @@ function ServiceVariables({ variables }: { variables: Object }) {
     if (currentServiceId && !currentComponentId) {
       dispatch(setServiceVariables(dirtyValues))
     }
+    reset(merge(variables, dirtyValues))
   }
 
   return (