From c4bb7c9b17816accd346b7f15ae6db7bf4499d98 Mon Sep 17 00:00:00 2001
From: Divlo <contact@divlo.fr>
Date: Mon, 29 Aug 2022 20:04:24 +0200
Subject: [PATCH] fix: remove the error/success icons in `<FormState />`

---
 components/Header/Header.test.tsx         | 10 ------
 components/design/FormState/FormState.tsx | 40 +++++++++--------------
 locales/en/application.json               |  2 +-
 public/images/svg/icons/input/error.svg   |  7 ----
 public/images/svg/icons/input/success.svg |  4 ---
 5 files changed, 16 insertions(+), 47 deletions(-)
 delete mode 100644 components/Header/Header.test.tsx
 delete mode 100644 public/images/svg/icons/input/error.svg
 delete mode 100644 public/images/svg/icons/input/success.svg

diff --git a/components/Header/Header.test.tsx b/components/Header/Header.test.tsx
deleted file mode 100644
index 23964a3..0000000
--- a/components/Header/Header.test.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { render } from '@testing-library/react'
-
-import { Header } from '.'
-
-describe('<Header />', () => {
-  it('should render', () => {
-    const { getByText } = render(<Header />)
-    expect(getByText('Thream')).toBeInTheDocument()
-  })
-})
diff --git a/components/design/FormState/FormState.tsx b/components/design/FormState/FormState.tsx
index a728387..f83c293 100644
--- a/components/design/FormState/FormState.tsx
+++ b/components/design/FormState/FormState.tsx
@@ -27,31 +27,21 @@ export const FormState: React.FC<FormStateProps> = (props) => {
   }
 
   return (
-    <>
-      <div
-        {...rest}
-        className={classNames(
-          props.className,
-          'mt-6 flex max-w-xl items-center text-center font-medium',
-          {
-            'text-red-800 dark:text-red-400': state === 'error',
-            'text-green-800 dark:text-green-400': state === 'success'
-          }
-        )}
-      >
-        <div className='thumbnail inline bg-cover font-headline' />
-        <span id={id} className='pl-2'>
-          <b>{t(`errors:${state}`)}:</b> {message}
-        </span>
-      </div>
-
-      <style jsx>{`
-        .thumbnail {
-          height: 20px;
-          width: 20px;
-          background-image: url('/images/svg/icons/input/${state}.svg');
+    <div
+      {...rest}
+      className={classNames(
+        props.className,
+        'mt-6 flex max-w-xl items-center text-center font-medium',
+        {
+          'text-red-800 dark:text-red-400': state === 'error',
+          'text-green-800 dark:text-green-400': state === 'success'
         }
-      `}</style>
-    </>
+      )}
+    >
+      <div className='inline bg-cover font-headline' />
+      <span id={id} className='pl-2'>
+        <b>{t(`errors:${state}`)}:</b> {message}
+      </span>
+    </div>
   )
 }
diff --git a/locales/en/application.json b/locales/en/application.json
index 43acfe4..6c8fa95 100644
--- a/locales/en/application.json
+++ b/locales/en/application.json
@@ -21,7 +21,7 @@
   "label-checkbox-guilds": "Show the list of guilds to everyone.",
   "nothing-here": "Nothing's here...",
   "save": "Save",
-  "saved-information": "The information has been saved.",
+  "saved-information": "The information have been saved.",
   "success-email-changed": "Please check your emails to confirm your new email address. You are now signed out.",
   "delete": "Delete",
   "signout": "Sign out",
diff --git a/public/images/svg/icons/input/error.svg b/public/images/svg/icons/input/error.svg
deleted file mode 100644
index f31af3d..0000000
--- a/public/images/svg/icons/input/error.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 22 22">
-  <g fill="none" fill-rule="evenodd" transform="matrix(1 0 0 -1 0 22)">
-    <path fill="#F95555" fill-rule="nonzero" d="M11 0C4.925 0 0 4.925 0 11s4.925 11 11 11 11-4.925 11-11S17.075 0 11 0z" />
-    <path fill="#FFF" fill-rule="nonzero" stroke="#FFF" stroke-width=".5" d="M9.875 7.063c0 .62.504 1.125 1.125 1.125s1.125-.504 1.125-1.126c0-.62-.504-1.125-1.125-1.125s-1.125.504-1.125 1.125z" />
-    <rect width="2.25" height="6.75" x="9.875" y="9.875" fill="#FFF" rx="1" />
-  </g>
-</svg>
diff --git a/public/images/svg/icons/input/success.svg b/public/images/svg/icons/input/success.svg
deleted file mode 100644
index bbccc6b..0000000
--- a/public/images/svg/icons/input/success.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 36 36">
-  <path fill="#41ad49" d="M18 2a16 16 0 1 0 16 16A16 16 0 0 0 18 2Zm10.45 10.63L15.31 25.76L7.55 18a1.4 1.4 0 0 1 2-2l5.78 5.78l11.14-11.13a1.4 1.4 0 1 1 2 2Z" class="clr-i-solid clr-i-solid-path-1" />
-  <path fill="none" d="M0 0h36v36H0z" />
-</svg>