From 3346bdbfca5ee730c2693d0a21141ddd426dbeb2 Mon Sep 17 00:00:00 2001
From: Olivia Guyot <olivia.guyot@camptocamp.com>
Date: Thu, 9 May 2024 21:54:48 +0200
Subject: [PATCH] chore(ui): simplified html of the prev-next-btns component

Also do not include it in the ui-inputs module; as a standalone component,
it should be imported wherever this is necessary
---
 apps/datahub/src/app/app.module.ts                        | 6 +++++-
 libs/ui/inputs/src/index.ts                               | 1 +
 .../previous-next-buttons.component.css                   | 6 ++++++
 .../previous-next-buttons.component.html                  | 8 --------
 libs/ui/inputs/src/lib/ui-inputs.module.ts                | 3 ---
 5 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/apps/datahub/src/app/app.module.ts b/apps/datahub/src/app/app.module.ts
index 2baf778115..e2b035fad1 100644
--- a/apps/datahub/src/app/app.module.ts
+++ b/apps/datahub/src/app/app.module.ts
@@ -29,7 +29,10 @@ import {
   THUMBNAIL_PLACEHOLDER,
   UiElementsModule,
 } from '@geonetwork-ui/ui/elements'
-import { UiInputsModule } from '@geonetwork-ui/ui/inputs'
+import {
+  PreviousNextButtonsComponent,
+  UiInputsModule,
+} from '@geonetwork-ui/ui/inputs'
 import {
   BlockListComponent,
   CarouselComponent,
@@ -158,6 +161,7 @@ export const metaReducers: MetaReducer[] = !environment.production ? [] : []
     LinkCardComponent,
     CarouselComponent,
     BlockListComponent,
+    PreviousNextButtonsComponent,
   ],
   providers: [
     importProvidersFrom(FeatureAuthModule),
diff --git a/libs/ui/inputs/src/index.ts b/libs/ui/inputs/src/index.ts
index 88f97f9216..1baf8d6f45 100644
--- a/libs/ui/inputs/src/index.ts
+++ b/libs/ui/inputs/src/index.ts
@@ -19,3 +19,4 @@ export * from './lib/text-area/text-area.component'
 export * from './lib/text-input/text-input.component'
 export * from './lib/ui-inputs.module'
 export * from './lib/viewport-intersector/viewport-intersector.component'
+export * from './lib/previous-next-buttons/previous-next-buttons.component'
diff --git a/libs/ui/inputs/src/lib/previous-next-buttons/previous-next-buttons.component.css b/libs/ui/inputs/src/lib/previous-next-buttons/previous-next-buttons.component.css
index e69de29bb2..14ad317ff0 100644
--- a/libs/ui/inputs/src/lib/previous-next-buttons/previous-next-buttons.component.css
+++ b/libs/ui/inputs/src/lib/previous-next-buttons/previous-next-buttons.component.css
@@ -0,0 +1,6 @@
+:host {
+  --gn-ui-button-rounded: 100%;
+  --gn-ui-button-width: 8px;
+  --gn-ui-button-height: 8px;
+  --gn-ui-button-padding: 12px;
+}
diff --git a/libs/ui/inputs/src/lib/previous-next-buttons/previous-next-buttons.component.html b/libs/ui/inputs/src/lib/previous-next-buttons/previous-next-buttons.component.html
index 9203615ca4..d92b9276c0 100644
--- a/libs/ui/inputs/src/lib/previous-next-buttons/previous-next-buttons.component.html
+++ b/libs/ui/inputs/src/lib/previous-next-buttons/previous-next-buttons.component.html
@@ -1,10 +1,6 @@
 <div class="flex flex-row gap-x-4 items-center">
   <gn-ui-button
     data-test="previousButton"
-    [style.--gn-ui-button-rounded]="'100%'"
-    [style.--gn-ui-button-width]="'8px'"
-    [style.--gn-ui-button-height]="'8px'"
-    [style.--gn-ui-button-padding]="'12px'"
     [type]="isFirst ? 'default' : 'outline'"
     [disabled]="isFirst"
     (buttonClick)="previousButtonClicked()"
@@ -17,10 +13,6 @@
   </gn-ui-button>
   <gn-ui-button
     data-test="nextButton"
-    [style.--gn-ui-button-rounded]="'100%'"
-    [style.--gn-ui-button-width]="'8px'"
-    [style.--gn-ui-button-height]="'8px'"
-    [style.--gn-ui-button-padding]="'12px'"
     [type]="isLast ? 'default' : 'outline'"
     [disabled]="isLast"
     (buttonClick)="nextButtonClicked()"
diff --git a/libs/ui/inputs/src/lib/ui-inputs.module.ts b/libs/ui/inputs/src/lib/ui-inputs.module.ts
index caa3cf44a9..f96f975288 100644
--- a/libs/ui/inputs/src/lib/ui-inputs.module.ts
+++ b/libs/ui/inputs/src/lib/ui-inputs.module.ts
@@ -33,7 +33,6 @@ import { MatDatepickerModule } from '@angular/material/datepicker'
 import { MatNativeDateModule } from '@angular/material/core'
 import { EditableLabelDirective } from './editable-label/editable-label.directive'
 import { ImageInputComponent } from './image-input/image-input.component'
-import { PreviousNextButtonsComponent } from './previous-next-buttons/previous-next-buttons.component'
 
 @NgModule({
   declarations: [
@@ -74,7 +73,6 @@ import { PreviousNextButtonsComponent } from './previous-next-buttons/previous-n
     ImageInputComponent,
     DropdownSelectorComponent,
     DateRangePickerComponent,
-    PreviousNextButtonsComponent,
   ],
   exports: [
     DropdownSelectorComponent,
@@ -95,7 +93,6 @@ import { PreviousNextButtonsComponent } from './previous-next-buttons/previous-n
     DateRangePickerComponent,
     EditableLabelDirective,
     ImageInputComponent,
-    PreviousNextButtonsComponent,
   ],
 })
 export class UiInputsModule {}