From f3337f8537e11d94bcff66a61c26ac4752e93013 Mon Sep 17 00:00:00 2001
From: crisnicandrei <62384997+crisnicandrei@users.noreply.github.com>
Date: Tue, 17 Sep 2024 22:09:51 +0300
Subject: [PATCH] fix to the button component after merge conflicts

---
 .../component-library/components/button/button.component.html | 4 +++-
 .../component-library/components/button/button.component.ts   | 1 +
 .../glam/pending-archive/pending-archive.component.html       | 2 +-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/app/component-library/components/button/button.component.html b/src/app/component-library/components/button/button.component.html
index e1764570b..9810f8e3e 100644
--- a/src/app/component-library/components/button/button.component.html
+++ b/src/app/component-library/components/button/button.component.html
@@ -16,5 +16,7 @@
 >
   <img *ngIf="icon" class="icon" src="{{ 'assets/svg/' + icon + '.svg' }}" />
   <fa-icon class="icon" *ngIf="faIcon" [icon]="['fas', faIcon]"></fa-icon>
-  <p [style]="textColor" class="button-text"><ng-content></ng-content></p>
+  <p [style]="{ color: color }" class="button-text">
+    <ng-content></ng-content>
+  </p>
 </button>
diff --git a/src/app/component-library/components/button/button.component.ts b/src/app/component-library/components/button/button.component.ts
index d69992e8c..26dedd77f 100644
--- a/src/app/component-library/components/button/button.component.ts
+++ b/src/app/component-library/components/button/button.component.ts
@@ -25,6 +25,7 @@ export class ButtonComponent {
   @Input() faIcon: string = '';
   @Input() buttonType: TYPE = 'button';
   @Input() style = {};
+  @Input() color = '';
 
   //Outputs
   @Output() buttonClick = new EventEmitter<MouseEvent>();
diff --git a/src/app/onboarding/components/glam/pending-archive/pending-archive.component.html b/src/app/onboarding/components/glam/pending-archive/pending-archive.component.html
index cf6f258a6..a1e2c7ab3 100644
--- a/src/app/onboarding/components/glam/pending-archive/pending-archive.component.html
+++ b/src/app/onboarding/components/glam/pending-archive/pending-archive.component.html
@@ -18,7 +18,7 @@
       [mode]="isSelected ? 'dark' : 'light'"
       [orientation]="'right'"
       [icon]="isSelected ? '/accept-green' : ''"
-      [style]="isSelected ? { color: '#32D583' } : {}"
+      [color]="isSelected ? '#32D583' : ''"
     >
       Accept
     </pr-button>