From ab1625e4167a95bf3914242afcbbec7d2b34d50f Mon Sep 17 00:00:00 2001
From: david-shibley-contentful
 <149433784+david-shibley-contentful@users.noreply.github.com>
Date: Mon, 9 Sep 2024 12:08:38 -0600
Subject: [PATCH] Update
 examples/stateful-sidebar-with-dialog/src/locations/Dialog.jsx

---
 .../src/locations/Dialog.jsx                  | 38 +++++++++++--------
 1 file changed, 23 insertions(+), 15 deletions(-)

diff --git a/examples/stateful-sidebar-with-dialog/src/locations/Dialog.jsx b/examples/stateful-sidebar-with-dialog/src/locations/Dialog.jsx
index 2a1ff93b11..1fc5261802 100644
--- a/examples/stateful-sidebar-with-dialog/src/locations/Dialog.jsx
+++ b/examples/stateful-sidebar-with-dialog/src/locations/Dialog.jsx
@@ -5,7 +5,7 @@ import { reducer } from '../model/reducerAndInitialSidebarState';
 
 const Dialog = () => {
   const sdk = useSDK();
-  const { serializedSidebarState } = (sdk.parameters.invocation || {});
+  const { serializedSidebarState } = sdk.parameters.invocation || {};
   const [state, dispatch] = useReducer(reducer, {});
   /*
      To use the cma, inject it as follows.
@@ -20,20 +20,28 @@ const Dialog = () => {
     });
   }, []);
 
-  return <>
-    <Paragraph>Hello Dialog Component (AppId: {sdk.ids.app})</Paragraph>
-    <Paragraph>{`Time is ${state.timestamp}`}</Paragraph>
-    <Button onClick={() => {
-      dispatch({
-        type: 'SET_TIME',
-        payload: new Date().toString(),
-      });
-    }}>SET TIME</Button>
-    <Button
-      onClick={() => {
-        sdk.close(JSON.stringify(state));
-      }}>CLOSE</Button>
-    </>;
+  return (
+    <>
+      <Paragraph>Hello Dialog Component (AppId: {sdk.ids.app})</Paragraph>
+      <Paragraph>{`Time is ${state.timestamp}`}</Paragraph>
+      <Button
+        onClick={() => {
+          dispatch({
+            type: 'SET_TIME',
+            payload: new Date().toString(),
+          });
+        }}>
+        SET TIME
+      </Button>
+      <Button
+        onClick={() => {
+          sdk.close(JSON.stringify(state));
+        }}>
+        CLOSE
+      </Button>
+    </>
+  );
 };
 
 export default Dialog;
+