From 139b3a252c9f90de603be1a98e3186b359353541 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Wed, 22 Dec 2021 12:36:40 +0100
Subject: chore: replace svg imports with components

It allows me to control the colors of each SVG paths.
---
 src/components/Buttons/ButtonSearch/ButtonSearch.tsx | 3 +--
 src/components/Buttons/Buttons.module.scss           | 9 ++++++---
 2 files changed, 7 insertions(+), 5 deletions(-)

(limited to 'src/components/Buttons')

diff --git a/src/components/Buttons/ButtonSearch/ButtonSearch.tsx b/src/components/Buttons/ButtonSearch/ButtonSearch.tsx
index a2635aa..be5a9bc 100644
--- a/src/components/Buttons/ButtonSearch/ButtonSearch.tsx
+++ b/src/components/Buttons/ButtonSearch/ButtonSearch.tsx
@@ -1,5 +1,4 @@
-import CloseIcon from '@assets/images/icon-close.svg';
-import SearchIcon from '@assets/images/icon-search.svg';
+import { CloseIcon, SearchIcon } from '@components/Icons';
 import { t } from '@lingui/macro';
 import { SetStateAction } from 'react';
 import styles from '../Buttons.module.scss';
diff --git a/src/components/Buttons/Buttons.module.scss b/src/components/Buttons/Buttons.module.scss
index a043649..fb93d5a 100644
--- a/src/components/Buttons/Buttons.module.scss
+++ b/src/components/Buttons/Buttons.module.scss
@@ -82,10 +82,10 @@
 }
 
 .search {
-  display: flex;
-  place-content: center;
+  display: block;
   width: var(--btn-size);
   height: var(--btn-size);
+  padding: 0;
   background: none;
   border: none;
   font-size: var(--font-size-md);
@@ -103,7 +103,10 @@
 
 .front,
 .back {
-  display: block;
+  display: flex;
+  place-content: center;
+  width: var(--btn-size);
+  height: var(--btn-size);
   position: absolute;
   top: 0;
   right: 0;
-- 
cgit v1.2.3