Fix: Key popover (#2816)

novasamatech · Dec 10, 2024 · 11a0f49 · 11a0f49
1 parent d31400e
commit 11a0f49
Showing 1 changed file with 10 additions and 13 deletions.
diff --git a/src/renderer/features/wallets/KeyConstructor/ui/ShardInfoPopover.tsx b/src/renderer/features/wallets/KeyConstructor/ui/ShardInfoPopover.tsx
@@ -1,18 +1,17 @@
 import { useI18n } from '@/shared/i18n';
-import { FootnoteText, Icon, InfoLink, Popover } from '@/shared/ui';
+import { FootnoteText, IconButton, InfoLink } from '@/shared/ui';
+import { Box, Popover } from '@/shared/ui-kit';
 
 export const ShardInfoPopover = () => {
   const { t } = useI18n();
 
   return (
-    <Popover
-      offsetPx={4}
-      tabIndex={-1}
-      contentClass="p-4"
-      panelClass="w-[360px]"
-      wrapperClass="w-max"
-      content={
-        <div className="flex flex-col gap-y-4">
+    <Popover>
+      <Popover.Trigger>
+        <IconButton name="info" size={16} />
+      </Popover.Trigger>
+      <Popover.Content>
+        <Box direction="column" gap={4} padding={4} width="360px">
           <section className="flex flex-col gap-y-2">
             <FootnoteText className="text-text-secondary">
               {t('dynamicDerivations.constructor.shardInfoOne')}
@@ -33,10 +32,8 @@ export const ShardInfoPopover = () => {
               {t('dynamicDerivations.constructor.shardInfoLink')}
             </InfoLink>
           </section>
-        </div>
-      }
-    >
-      <Icon name="info" size={16} />
+        </Box>
+      </Popover.Content>
     </Popover>
   );
 };