From 8b21cc4588b03f8cb724127bafde8a3910c86dc1 Mon Sep 17 00:00:00 2001
From: develad <develadb@gmail.com>
Date: Tue, 19 Mar 2024 14:40:56 +0200
Subject: [PATCH] Cleaning console errors and Style fix

---
 app/[locale]/members/page.tsx                  | 18 ++++++++----------
 .../Members/MemberCard/MemberCardInfo.tsx      |  4 ++--
 .../socialIcons/TwiterMemberLink.tsx           |  5 ++---
 .../Members/MembersSearch/MembersSearch.tsx    | 16 ++++++++--------
 4 files changed, 20 insertions(+), 23 deletions(-)

diff --git a/app/[locale]/members/page.tsx b/app/[locale]/members/page.tsx
index 8b0c5fda..b18f00b9 100644
--- a/app/[locale]/members/page.tsx
+++ b/app/[locale]/members/page.tsx
@@ -72,18 +72,16 @@ const dummyMembers = [
 const WelcomeMessage = () => {
   return (
     <div className="flex flex-col justify-center bg-purple-100 dark:bg-gray-800 mb-6 mt-2 md:mb-12 py-8 px-4 md:p-4">
-      <div className="flex flex-col md:flex-row justify-evenly">
-        <p className="text-2xl text-center md:text-right">
+      <div className="flex flex-col md:flex-row md:justify-center gap-2 md:gap-4 mx-auto">
+        <p className="text-2xl text-center">
           כאן אפשר להכיר את כל המשפחה! וכשתסיימו, בואו לדיסקורד
         </p>
-        <div className="">
-          <DiscordLink
-            href={LINKS.DISCORD}
-            className="w-48 mx-auto mt-4 md:mt-0 font-inter font-semibold bg-gray-50 text-gray-600 py-2 px-6"
-          >
-            ערוץ דיסקורד
-          </DiscordLink>
-        </div>
+        <DiscordLink
+          href={LINKS.DISCORD}
+          className="w-48 mx-auto mt-4 md:mt-0 font-inter font-semibold bg-gray-50 text-gray-600 py-2 px-6"
+        >
+          ערוץ דיסקורד
+        </DiscordLink>
       </div>
     </div>
   );
diff --git a/components/Members/MemberCard/MemberCardInfo.tsx b/components/Members/MemberCard/MemberCardInfo.tsx
index de4172fd..f3c9e029 100644
--- a/components/Members/MemberCard/MemberCardInfo.tsx
+++ b/components/Members/MemberCard/MemberCardInfo.tsx
@@ -19,8 +19,8 @@ function Crown(props: SVGProps<SVGSVGElement>) {
       {...props}
     >
       <path
-        fill-rule="evenodd"
-        clip-rule="evenodd"
+        fillRule="evenodd"
+        clipRule="evenodd"
         d="M7.50627 0.253069C7.29803 -0.0843556 6.80738 -0.0843565 6.59913 0.253068L4.62678 3.44888L0.705087 2.11843C0.291657 1.97818 -0.105816 2.36723 0.0255619 2.78357L1.54556 7.60046C1.58239 7.71719 1.65204 7.80831 1.7389 7.87123C1.77628 7.97324 1.87424 8.04603 1.9892 8.04603H12.1161C12.2633 8.04603 12.3826 7.92672 12.3826 7.77953V7.74748C12.4127 7.70428 12.4372 7.65518 12.4545 7.60046L13.9745 2.78357C14.1058 2.36723 13.7084 1.97818 13.2949 2.11843L9.46038 3.41932L7.50627 0.253069ZM1.7227 8.71248H12.3826V10.578C12.3826 10.9459 12.0843 11.2442 11.7164 11.2442H2.38895C2.02099 11.2442 1.7227 10.9459 1.7227 10.578V8.71248Z"
       />
     </svg>
diff --git a/components/Members/MemberCard/socialIcons/TwiterMemberLink.tsx b/components/Members/MemberCard/socialIcons/TwiterMemberLink.tsx
index 57ff0a52..0f704399 100644
--- a/components/Members/MemberCard/socialIcons/TwiterMemberLink.tsx
+++ b/components/Members/MemberCard/socialIcons/TwiterMemberLink.tsx
@@ -23,9 +23,8 @@ export const TwitterMemberLink = ({ twitterUrl }: TwitterMemberLinkProps) => {
         >
           <path
             d="M23.0005 0.999314C22.0429 1.67479 20.9826 2.19142 19.8605 2.52931C19.2582 1.83682 18.4578 1.34601 17.5675 1.12324C16.6772 0.900474 15.74 0.956509 14.8826 1.28377C14.0252 1.61102 13.2889 2.19371 12.7735 2.95303C12.258 3.71235 11.9882 4.61165 12.0005 5.52931V6.52931C10.2431 6.57488 8.50176 6.18513 6.9315 5.39476C5.36123 4.60439 4.01081 3.43795 3.00049 1.99931C3.00049 1.99931 -0.999512 10.9993 8.00049 14.9993C5.94102 16.3973 3.48765 17.0982 1.00049 16.9993C10.0005 21.9993 21.0005 16.9993 21.0005 5.49931C20.9996 5.22077 20.9728 4.94291 20.9205 4.66931C21.9411 3.66281 22.6613 2.39203 23.0005 0.999314Z"
-            stroke-width="1.59763"
-            stroke-linecap="round"
-            stroke-linejoin="round"
+            strokeWidth="round"
+            strokeLinejoin="round"
           />
         </svg>
       </a>
diff --git a/components/Members/MembersSearch/MembersSearch.tsx b/components/Members/MembersSearch/MembersSearch.tsx
index 1d7b09fe..2482a1f5 100644
--- a/components/Members/MembersSearch/MembersSearch.tsx
+++ b/components/Members/MembersSearch/MembersSearch.tsx
@@ -14,15 +14,15 @@ function Magnifier(props: SVGProps<SVGSVGElement>) {
     >
       <path
         d="M9 17C13.4183 17 17 13.4183 17 9C17 4.58172 13.4183 1 9 1C4.58172 1 1 4.58172 1 9C1 13.4183 4.58172 17 9 17Z"
-        stroke-width="2"
-        stroke-linecap="round"
-        stroke-linejoin="round"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
       />
       <path
         d="M19.35 19.35L15 15"
-        stroke-width="2"
-        stroke-linecap="round"
-        stroke-linejoin="round"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
       />
     </svg>
   );
@@ -32,7 +32,7 @@ export const MembersSearch: React.FC<MembersSearchProps> = ({
   onSearchInputChange,
 }) => {
   return (
-    <div className="flex items-center justify-between mx-auto w-4/5">
+    <div className="flex items-center justify-between mx-auto w-4/5 gap-4">
       <select
         className="hidden md:block h-[45px] bg-purple-100 dark:bg-gray-800 rounded-r-3xl rounded-l-3xl p-2"
         name="activitySelect"
@@ -46,7 +46,7 @@ export const MembersSearch: React.FC<MembersSearchProps> = ({
       <div className="w-full relative h-[45px]">
         <input
           type="text"
-          className="pr-4 top-0 right-0 w-full h-full mr-0 md:mr-4 bg-purple-100 dark:bg-gray-800 rounded-r-3xl rounded-l-3xl"
+          className="pr-4 top-0 right-0 w-full h-full bg-purple-100 dark:bg-gray-800 rounded-r-3xl rounded-l-3xl"
           placeholder="חפש לפי שם, תפקיד"
           onChange={onSearchInputChange}
         />