From 3d80563fa2164cb3a18b43c7cf6ceec9ce1c00cd Mon Sep 17 00:00:00 2001
From: develad <develadb@gmail.com>
Date: Tue, 2 Apr 2024 10:05:50 +0300
Subject: [PATCH] Removing experimental.serverActions from next.config.js |
 Adding an icon to notFoundJSX and some style fixes

---
 app/[locale]/members/page.tsx                    | 10 +++++++---
 components/Members/Skeleton/MdiAccountSearch.tsx |  9 +++++++++
 next.config.js                                   |  3 ---
 3 files changed, 16 insertions(+), 6 deletions(-)
 create mode 100644 components/Members/Skeleton/MdiAccountSearch.tsx

diff --git a/app/[locale]/members/page.tsx b/app/[locale]/members/page.tsx
index 56ad7c90..21665ac0 100644
--- a/app/[locale]/members/page.tsx
+++ b/app/[locale]/members/page.tsx
@@ -10,6 +10,7 @@ import useTextDirection from '@/hooks/useTextDirection';
 import Magnifier from '@/components/SvgCmps/Magnifier';
 import classNames from 'classnames';
 import SkeletonCards from '@/components/Members/Skeleton/SkeletonCards';
+import { MdiAccountSearch } from '@/components/Members/Skeleton/MdiAccountSearch';
 
 const WelcomeMessage = () => {
   const t = useTranslations('Members');
@@ -50,9 +51,12 @@ const MembersPage: React.FC<{}> = ({}) => {
   }, [searchTerm]);
 
   const notFoundJSX = (
-    <p className="mt-8 text-2xl md:text-4xl font-bold text-center text-red-400">
-      {t('noMemberFound')}
-    </p>
+    <div className="mt-8 flex items-center justify-center">
+      <p className="text-2xl md:text-4xl font-bold text-red-400">
+        {t('noMemberFound')}
+      </p>
+      <MdiAccountSearch className="mx-2 mb-1 md:mx-4 w-[24px] md:w-[48px] h-[24px] md:h-[48px] fill-red-400" />
+    </div>
   );
 
   return (
diff --git a/components/Members/Skeleton/MdiAccountSearch.tsx b/components/Members/Skeleton/MdiAccountSearch.tsx
new file mode 100644
index 00000000..dd1917b0
--- /dev/null
+++ b/components/Members/Skeleton/MdiAccountSearch.tsx
@@ -0,0 +1,9 @@
+import { SVGProps } from 'react';
+
+export function MdiAccountSearch(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+      <path d="M15.5 12c2.5 0 4.5 2 4.5 4.5c0 .88-.25 1.71-.69 2.4l3.08 3.1L21 23.39l-3.12-3.07c-.69.43-1.51.68-2.38.68c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5m0 2a2.5 2.5 0 0 0-2.5 2.5a2.5 2.5 0 0 0 2.5 2.5a2.5 2.5 0 0 0 2.5-2.5a2.5 2.5 0 0 0-2.5-2.5M10 4a4 4 0 0 1 4 4c0 .91-.31 1.75-.82 2.43c-.86.32-1.63.83-2.27 1.47L10 12a4 4 0 0 1-4-4a4 4 0 0 1 4-4M2 20v-2c0-2.12 3.31-3.86 7.5-4c-.32.78-.5 1.62-.5 2.5c0 1.29.38 2.5 1 3.5z"></path>
+    </svg>
+  );
+}
diff --git a/next.config.js b/next.config.js
index 4f614490..345ff148 100644
--- a/next.config.js
+++ b/next.config.js
@@ -4,9 +4,6 @@ const createNextIntlPlugin = require('next-intl/plugin');
 const withNextIntl = createNextIntlPlugin('./app/i18n.ts');
 
 const nextConfig = {
-  experimental: {
-    serverActions: true,
-  },
   eslint: {
     dirs: ['app', 'components'],
   },