added input to the buttons

PermanentOrg · Sep 17, 2024 · 1b81675 · 1b81675
1 parent 11f79b0
commit 1b81675
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 2 deletions.
diff --git a/src/app/component-library/components/button/button.component.html b/src/app/component-library/components/button/button.component.html
@@ -12,6 +12,7 @@
   ]"
   [disabled]="disabled"
   (click)="onClick($event)"
+  [style]="style"
 >
   <img *ngIf="icon" class="icon" src="{{ 'assets/svg/' + icon + '.svg' }}" />
   <fa-icon class="icon" *ngIf="faIcon" [icon]="['fas', faIcon]"></fa-icon>

diff --git a/src/app/component-library/components/button/button.component.ts b/src/app/component-library/components/button/button.component.ts
@@ -24,7 +24,7 @@ export class ButtonComponent {
   @Input() orientation: ORIENTATION = 'left';
   @Input() faIcon: string = '';
   @Input() buttonType: TYPE = 'button';
-  @Input() textColor: { color: string };
+  @Input() style = {};
 
   //Outputs
   @Output() buttonClick = new EventEmitter<MouseEvent>();

diff --git a/src/app/onboarding/components/glam/name-archive-screen/name-archive-screen.component.html b/src/app/onboarding/components/glam/name-archive-screen/name-archive-screen.component.html
@@ -32,6 +32,7 @@
         (buttonClick)="backToCreate()"
         [icon]="'/onboarding/back'"
         [size]="'fill'"
+        [style]="{ justifyContent: 'center' }"
         class="back-button"
         >Back</pr-button
       >
@@ -45,6 +46,7 @@
         (buttonClick)="createArchive()"
         [size]="'fill'"
         class="create-archive-button"
+        [style]="{ justifyContent: 'center' }"
         >Next</pr-button
       >
     </div>

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
@@ -18,7 +18,7 @@
       [mode]="isSelected ? 'dark' : 'light'"
       [orientation]="'right'"
       [icon]="isSelected ? '/accept-green' : ''"
-      [textColor]="isSelected ? { color: '#32D583' } : {}"
+      [style]="isSelected ? { color: '#32D583' } : {}"
     >
       Accept
     </pr-button>