From b6be3c0817c9e4b3262a8ab2b16bb234c7665a71 Mon Sep 17 00:00:00 2001
From: Rankin Zheng <runjin@merico.dev>
Date: Wed, 30 Aug 2023 11:39:13 +0800
Subject: [PATCH] Update InputMessage component with new icon and
 closeButtonProps

- Imported IconChevronDown from "@tabler/icons-react".
- Added closeButtonProps to the Popover component with IconChevronDown as children.
---
 src/views/components/InputMessage/index.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/views/components/InputMessage/index.tsx b/src/views/components/InputMessage/index.tsx
index ed16bce..05460de 100644
--- a/src/views/components/InputMessage/index.tsx
+++ b/src/views/components/InputMessage/index.tsx
@@ -1,6 +1,6 @@
 import { useMantineTheme, Flex, Stack, Accordion, Box, ActionIcon, ScrollArea, Center, Popover, Textarea, Text, Divider, Indicator, HoverCard, Drawer } from "@mantine/core";
 import { useDisclosure, useListState, useResizeObserver, useTimeout } from "@mantine/hooks";
-import { IconGitBranch, IconBook, IconX, IconSquareRoundedPlus, IconSend, IconPaperclip } from "@tabler/icons-react";
+import { IconGitBranch, IconBook, IconX, IconSquareRoundedPlus, IconSend, IconPaperclip, IconChevronDown } from "@tabler/icons-react";
 import React, { useState, useEffect } from "react";
 import { IconGitBranchChecked, IconShellCommand, IconMouseRightClick } from "@/views/components/ChatIcons";
 import messageUtil from '@/util/MessageUtil';
@@ -293,6 +293,7 @@ const InputMessage = observer((props: any) => {
                     position="bottom"
                     title="DevChat Contexts"
                     overlayProps={{ opacity: 0.5, blur: 4 }}
+                    closeButtonProps={{ children: <IconChevronDown size="1rem" /> }}
                     styles={{
                         content: {
                             background: 'var(--vscode-sideBar-background)',