From 1528bcbe0003cfcadd99b5caadeb30f3e13297b4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Wed, 18 Feb 2026 15:01:40 +0100
Subject: [PATCH] nicolium: remove Button component from the modal
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/components/ui/modal.tsx    | 9 +++++----
 packages/pl-fe/src/styles/new/components.scss | 8 ++++++++
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/packages/pl-fe/src/components/ui/modal.tsx b/packages/pl-fe/src/components/ui/modal.tsx
index 0b2804a36..ad4830e14 100644
--- a/packages/pl-fe/src/components/ui/modal.tsx
+++ b/packages/pl-fe/src/components/ui/modal.tsx
@@ -4,7 +4,6 @@ import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
 import { useOwnAccount } from '@/hooks/use-own-account';
 
-import Button from './button';
 import { ButtonThemes } from './button/useButtonStyles';
 import IconButton from './icon-button';
 
@@ -163,14 +162,16 @@ const Modal = React.forwardRef<HTMLDivElement, IModal>(
                   </button>
                 )}
 
-                <Button
-                  theme={confirmationTheme ?? 'primary'}
+                <button
+                  className={clsx('⁂-modal__action', {
+                    '⁂-modal__action--danger': confirmationTheme === 'danger',
+                  })}
                   onClick={confirmationAction}
                   disabled={confirmationDisabled}
                   ref={buttonRef}
                 >
                   {confirmationText}
-                </Button>
+                </button>
               </div>
             </div>
           )}
diff --git a/packages/pl-fe/src/styles/new/components.scss b/packages/pl-fe/src/styles/new/components.scss
index 00bec4bc7..ad6427871 100644
--- a/packages/pl-fe/src/styles/new/components.scss
+++ b/packages/pl-fe/src/styles/new/components.scss
@@ -392,6 +392,14 @@ div[data-viewport-type='window']:has(.⁂-empty-message) {
       @include mixins.button($theme: tertiary);
     }
 
+    button.⁂-modal__action {
+      @include mixins.button($theme: primary);
+
+      &--danger {
+        @include mixins.button($theme: danger);
+      }
+    }
+
     button.⁂-modal__action-secondary {
       @include mixins.button($theme: secondary);
     }