From d3af9072d6f0f75cd9bf6b9953aded4e8a475e27 Mon Sep 17 00:00:00 2001
From: Emmanuel Ifeanyi MECHIE <64092981+EmanuelOne@users.noreply.github.com>
Date: Mon, 2 May 2022 12:43:56 +0100
Subject: [PATCH] Fixe the Ux of the input labels

Switch the require and optional label, More UX standard
---
 components/Input.js | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/components/Input.js b/components/Input.js
index 65a4f4b..5453397 100644
--- a/components/Input.js
+++ b/components/Input.js
@@ -3,11 +3,9 @@ const Input = ({ label, name, ...rest }) => {
     <div>
       <label htmlFor={name} className="block text-sm font-medium text-gray-700">
         {label}{" "}
-        {rest.required && (
-          <span aria-hidden="true" className="text-red-500">
-            *
-          </span>
-        )}
+        {!rest.required && 
+          "(Optional)"
+        }
       </label>
       <input
         id={name}