(PC-32824)[PRO] fix: Venue provider synchro actions buttons icons ali…

…gnment.
pass-culture · Feb 10, 2025 · 38ed446 · 38ed446
1 parent f8b94b0
commit 38ed446
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 41 deletions.
diff --git a/pro/src/pages/VenueSettings/VenueProvidersManager/VenueProviderList/AllocineProviderEdit.tsx b/pro/src/pages/VenueSettings/VenueProvidersManager/VenueProviderList/AllocineProviderEdit.tsx
@@ -13,12 +13,10 @@ import fullEditIcon from 'icons/full-edit.svg'
 import { Button } from 'ui-kit/Button/Button'
 import { ButtonVariant } from 'ui-kit/Button/types'
 import { DialogBuilder } from 'ui-kit/DialogBuilder/DialogBuilder'
-import { SvgIcon } from 'ui-kit/SvgIcon/SvgIcon'
 
 import { FormValuesProps } from '../AllocineProviderForm/AllocineProviderForm'
 
 import { AllocineProviderFormDialog } from './AllocineProviderFormDialog'
-import style from './ProviderActionButton.module.scss'
 
 export interface AllocineProviderEditProps {
   venueProvider: VenueProviderResponse
@@ -70,12 +68,7 @@ export const AllocineProviderEdit = ({
   return (
     <DialogBuilder
       trigger={
-        <Button variant={ButtonVariant.TERNARY}>
-          <SvgIcon
-            src={fullEditIcon}
-            alt=""
-            className={style['provider-action-icon']}
-          />
+        <Button variant={ButtonVariant.TERNARY} icon={fullEditIcon}>
           Paramétrer
         </Button>
       }

diff --git a/pro/src/pages/VenueSettings/VenueProvidersManager/VenueProviderList/CinemaProviderEdit.tsx b/pro/src/pages/VenueSettings/VenueProvidersManager/VenueProviderList/CinemaProviderEdit.tsx
@@ -8,10 +8,8 @@ import fullEditIcon from 'icons/full-edit.svg'
 import { Button } from 'ui-kit/Button/Button'
 import { ButtonVariant } from 'ui-kit/Button/types'
 import { DialogBuilder } from 'ui-kit/DialogBuilder/DialogBuilder'
-import { SvgIcon } from 'ui-kit/SvgIcon/SvgIcon'
 
 import { CinemaProviderFormDialog } from './CinemaProviderFormDialog'
-import style from './ProviderActionButton.module.scss'
 import { CinemaProviderParametersValues } from './types'
 
 export interface CinemaProviderEditProps {
@@ -63,12 +61,7 @@ export const CinemaProviderEdit = ({
   return (
     <DialogBuilder
       trigger={
-        <Button variant={ButtonVariant.TERNARY}>
-          <SvgIcon
-            src={fullEditIcon}
-            alt=""
-            className={style['provider-action-icon']}
-          />
+        <Button variant={ButtonVariant.TERNARY} icon={fullEditIcon}>
           Paramétrer
         </Button>
       }

diff --git a/...pages/VenueSettings/VenueProvidersManager/VenueProviderList/DeleteVenueProviderButton.tsx b/...pages/VenueSettings/VenueProvidersManager/VenueProviderList/DeleteVenueProviderButton.tsx
@@ -8,10 +8,8 @@ import { useNotification } from 'commons/hooks/useNotification'
 import fullTrashIcon from 'icons/full-trash.svg'
 import { Button } from 'ui-kit/Button/Button'
 import { ButtonVariant } from 'ui-kit/Button/types'
-import { SvgIcon } from 'ui-kit/SvgIcon/SvgIcon'
 
 import { DeleteVenueProviderDialog } from './DeleteVenueProviderDialog'
-import style from './ProviderActionButton.module.scss'
 
 interface DeleteVenueProviderButtonProps {
   venueProviderId: number
@@ -48,12 +46,8 @@ export const DeleteVenueProviderButton = ({
       <Button
         onClick={() => setIsModalOpen(true)}
         variant={ButtonVariant.TERNARY}
+        icon={fullTrashIcon}
       >
-        <SvgIcon
-          src={fullTrashIcon}
-          alt=""
-          className={style['provider-action-icon']}
-        />
         Supprimer
       </Button>
 

diff --git a/...es/VenueSettings/VenueProvidersManager/VenueProviderList/ProviderActionButton.module.scss b/...es/VenueSettings/VenueProvidersManager/VenueProviderList/ProviderActionButton.module.scss
diff --git a/...VenueSettings/VenueProvidersManager/VenueProviderList/ToggleVenueProviderStatusButton.tsx b/...VenueSettings/VenueProvidersManager/VenueProviderList/ToggleVenueProviderStatusButton.tsx
@@ -9,9 +9,7 @@ import fullPauseIcon from 'icons/full-pause.svg'
 import fullPlayIcon from 'icons/full-play.svg'
 import { Button } from 'ui-kit/Button/Button'
 import { ButtonVariant } from 'ui-kit/Button/types'
-import { SvgIcon } from 'ui-kit/SvgIcon/SvgIcon'
 
-import style from './ProviderActionButton.module.scss'
 import { ToggleVenueProviderStatusDialog } from './ToggleVenueProviderStatusDialog'
 
 interface ToggleVenueProviderStatusButtonProps {
@@ -55,24 +53,18 @@ export const ToggleVenueProviderStatusButton = ({
         <Button
           onClick={() => setIsModalOpen(true)}
           variant={ButtonVariant.TERNARY}
+          icon={fullPauseIcon}
+          iconAlt="Mettre en pause la synchronisation"
         >
-          <SvgIcon
-            src={fullPauseIcon}
-            alt="Mettre en pause la synchronisation"
-            className={style['provider-action-icon']}
-          />
           Mettre en pause
         </Button>
       ) : (
         <Button
           onClick={() => setIsModalOpen(true)}
           variant={ButtonVariant.TERNARY}
+          icon={fullPlayIcon}
+          iconAlt="Réactiver la synchronisation"
         >
-          <SvgIcon
-            src={fullPlayIcon}
-            alt="Réactiver la synchronisation"
-            className={style['provider-action-icon']}
-          />
           Réactiver
         </Button>
       )}