From a254f028244d5b041993d2fecb56f9c2af27dd9e Mon Sep 17 00:00:00 2001
From: Rankin Zheng <runjin@merico.dev>
Date: Wed, 10 May 2023 20:49:06 +0800
Subject: [PATCH] feat: Add functionality to view, insert, and replace code in
 ChatPanel

---
 src/views/ChatPanel.tsx | 23 +++++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/views/ChatPanel.tsx b/src/views/ChatPanel.tsx
index e11de77..4e3a994 100644
--- a/src/views/ChatPanel.tsx
+++ b/src/views/ChatPanel.tsx
@@ -340,18 +340,33 @@ const chatPanel = () => {
                                                     </Tooltip>
                                                 )}
                                             </CopyButton>
-                                            <Tooltip label='View-diff' withArrow position="left" color="gray">
-                                                <ActionIcon>
+                                            <Tooltip label='View Diff' withArrow position="left" color="gray">
+                                                <ActionIcon onClick={() => {
+                                                    messageUtil.sendMessage({
+                                                        command: 'show_diff',
+                                                        content: value
+                                                    });
+                                                }}>
                                                     <IconFileDiff size="1.125rem" />
                                                 </ActionIcon>
                                             </Tooltip>
                                             <Tooltip label='Insert Code' withArrow position="left" color="gray">
-                                                <ActionIcon>
+                                                <ActionIcon onClick={() => {
+                                                    messageUtil.sendMessage({
+                                                        command: 'code_apply',
+                                                        content: value
+                                                    });
+                                                }}>
                                                     <IconColumnInsertRight size="1.125rem" />
                                                 </ActionIcon>
                                             </Tooltip>
                                             <Tooltip label='Replace' withArrow position="left" color="gray">
-                                                <ActionIcon>
+                                                <ActionIcon onClick={() => {
+                                                    messageUtil.sendMessage({
+                                                        command: 'code_file_apply',
+                                                        content: value
+                                                    });
+                                                }}>
                                                     <IconReplace size="1.125rem" />
                                                 </ActionIcon>
                                             </Tooltip>