Refactor event data handling in ChatInput and ImageCaptureButton comp…

…onents to destructure action and payload, improving code readability and maintainability

src/components/Sidebar/chat/ChatInput.tsx

@@ -53,8 +53,9 @@ export function SidebarInput({
     if (isWebpageContextOn) {
       const pageContent = new Promise((resolve) => {
         window.addEventListener('message', function (event) {
-          if (event.data.action === 'get-page-content') {
-            resolve(event.data.pageContent)
+          const { action, payload } = event.data
+          if (action === 'get-page-content') {
+            resolve(payload)
           }
         })
 

src/components/Sidebar/chat/ImageCaptureButton.tsx

@@ -11,8 +11,9 @@ const ImageCaptureButton = ({
     const image = await new Promise((resolve) => {
       window.parent.postMessage({ action: 'get-screenshot-image' }, '*')
       window.addEventListener('message', function (event) {
-        if (event.data.action === 'get-screenshot-image') {
-          resolve(event.data.image)
+        const { action, payload } = event.data
+        if (action === 'get-screenshot-image') {
+          resolve(payload)
         }
       })
     })

src/pages/content/sidebar.tsx

@@ -50,7 +50,7 @@ window.addEventListener('message', async (event) => {
     iframe.contentWindow?.postMessage(
       {
         action: 'get-page-content',
-        pageContent,
+        payload: pageContent,
       },
       '*',
     )
@@ -64,7 +64,7 @@ window.addEventListener('message', async (event) => {
     iframe.contentWindow?.postMessage(
       {
         action: 'get-screenshot-image',
-        image,
+        payload: image,
       },
       '*',
     )