From 7e9ccee72ac399f1af0359d8b2c40ecaefe4cdaf Mon Sep 17 00:00:00 2001
From: NSUWAL123 <suwalnishit@gmail.com>
Date: Wed, 6 Sep 2023 10:49:31 +0545
Subject: [PATCH] fix (explrore projects): map section to be shown in absence
 of projects as well

---
 src/frontend/main/src/views/Home.jsx | 32 ++++++++++++++++------------
 1 file changed, 18 insertions(+), 14 deletions(-)

diff --git a/src/frontend/main/src/views/Home.jsx b/src/frontend/main/src/views/Home.jsx
index 3c0b63037f..9717447e92 100755
--- a/src/frontend/main/src/views/Home.jsx
+++ b/src/frontend/main/src/views/Home.jsx
@@ -57,10 +57,10 @@ const Home = () => {
           totalProjectCount={stateHome.homeProjectSummary.length}
         />
         {stateHome.homeProjectLoading == false ? (
-          filteredProjectCards.length > 0 ? (
-            <div>
-              <div className="fmtm-flex fmtm-flex-col lg:fmtm-flex-row fmtm-gap-5">
-                <div className={`fmtm-w-full ${showMapStatus ? 'lg:fmtm-w-[50%]' : ''} `}>
+          <div className="fmtm-flex fmtm-flex-col lg:fmtm-flex-row fmtm-gap-5">
+            <div className={`fmtm-w-full ${showMapStatus ? 'lg:fmtm-w-[50%]' : ''} `}>
+              {filteredProjectCards.length > 0 ? (
+                <div>
                   <div
                     className={`fmtm-px-[1rem] fmtm-grid fmtm-gap-5 ${
                       !showMapStatus
@@ -73,17 +73,21 @@ const Home = () => {
                     ))}
                   </div>
                 </div>
-                {/* fmtm-w-[41.8rem] */}
-                {showMapStatus && (
-                  <div className="lg:fmtm-order-last lg:fmtm-w-[50%] fmtm-h-[33rem] fmtm-bg-gray-300 fmtm-mx-4 fmtm-mb-2"></div>
-                )}
-              </div>
+              ) : (
+                <CoreModules.Typography
+                  variant="h2"
+                  color="error"
+                  sx={{ p: 2, textAlign: 'center' }}
+                  className="fmtm-h-full fmtm-flex fmtm-justify-center fmtm-items-center"
+                >
+                  No projects found.
+                </CoreModules.Typography>
+              )}
             </div>
-          ) : (
-            <CoreModules.Typography variant="h2" color="error" sx={{ p: 2, textAlign: 'center' }}>
-              No projects found.
-            </CoreModules.Typography>
-          )
+            {showMapStatus && (
+              <div className="lg:fmtm-w-[50%] fmtm-h-[33rem] fmtm-bg-gray-300 fmtm-mx-4 fmtm-mb-2"></div>
+            )}
+          </div>
         ) : (
           <CoreModules.Stack
             sx={{