Update examples/stateful-sidebar-with-dialog/src/locations/Dialog.jsx

contentful · Sep 9, 2024 · ab1625e · ab1625e
1 parent 61467b1
commit ab1625e
Showing 1 changed file with 23 additions and 15 deletions.
diff --git 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;
+