From 58de4aaa6c3975c09ce4c9b4357c0f77da7efe75 Mon Sep 17 00:00:00 2001
From: Tagaishi <tagaishi@hotmail.ch>
Date: Wed, 2 Aug 2023 04:32:20 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20reworked=20structure=20of=20info?=
 =?UTF-8?q?card=20+=20added=20arrow?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/InfoCard/InfoCard.tsx | 18 +++++++-----------
 1 file changed, 7 insertions(+), 11 deletions(-)

diff --git a/src/components/InfoCard/InfoCard.tsx b/src/components/InfoCard/InfoCard.tsx
index 45a537f7c..81fc9363d 100644
--- a/src/components/InfoCard/InfoCard.tsx
+++ b/src/components/InfoCard/InfoCard.tsx
@@ -13,7 +13,7 @@ export const InfoCard = ({ content }: InfoCardProps) => {
   const editor = useEditor({
     content,
     editable: false,
-    editorProps:{ attributes:{ style: 'padding: 0;' }, },
+    editorProps: { attributes: { style: 'padding: 0;' }, },
     extensions: [
       StarterKit,
       Link,
@@ -21,22 +21,18 @@ export const InfoCard = ({ content }: InfoCardProps) => {
   });
 
   return (
-    <HoverCard withinPortal position="top">
+    <HoverCard position="top" withArrow withinPortal>
       <HoverCard.Target>
         <IconInfoCircle size="1.25rem" style={{ display: 'block', opacity: 0.5 }} />
       </HoverCard.Target>
       <HoverCard.Dropdown
-        c='transparent'
+        bg={colorScheme === 'light' ? "gray.2" : "dark.8"}
         maw={400}
-        p={0}
-        style={{ border:"0", }}
+        px="10px"
+        py="5px"
       >
-        <RichTextEditor editor={editor}>
-          <RichTextEditor.Content
-            bg={colorScheme === 'light' ? "gray.2" : "dark.8"}
-            px="10px"
-            py="5px"
-          />
+        <RichTextEditor editor={editor} style={{ border:"0", }}>
+          <RichTextEditor.Content bg="transparent"/>
         </RichTextEditor>
       </HoverCard.Dropdown>
     </HoverCard>