handle condition if project haven't selected

src/pages/Activities/AttendancePage.jsx

@@ -27,7 +27,7 @@ const AttendancePage = () => {
   const [ShowPending, setShowPending] = useState(false);
   const queryClient = useQueryClient();
   const loginUser = getCachedProfileData();
-  var selectedProject = useSelector((store) => store.localVariables.projectId);
+  const selectedProject = useSelector((store) => store.localVariables.projectId);
   const dispatch = useDispatch();
 
   const [attendances, setAttendances] = useState();
@@ -155,20 +155,17 @@ const AttendancePage = () => {
               </button>
             </li>
           </ul>
-          <div className="tab-content attedanceTabs py-0 px-1 px-sm-3" >
+          <div className="tab-content attedanceTabs py-0 px-1 px-sm-3">
+  {selectedProject ? (
+    <>
       {activeTab === "all" && (
         <div className="tab-pane fade show active py-0">
-                    <Attendance
+          <Attendance handleModalData={handleModalData} getRole={getRole} />
-                      handleModalData={handleModalData}
-                      getRole={getRole}
-                    />
         </div>
       )}
       {activeTab === "logs" && (
         <div className="tab-pane fade show active py-0">
-                <AttendanceLog
+          <AttendanceLog handleModalData={handleModalData} />
-                  handleModalData={handleModalData}
-                />
         </div>
       )}
       {activeTab === "regularization" && DoRegularized && (
@@ -176,7 +173,14 @@ const AttendancePage = () => {
           <Regularization />
         </div>
       )}
+    </>
+  ) : (
+   <div className="py-2">
+     <small className="py-2">Please Select Project!</small>
    </div>
+  )}
+</div>
+
         </div>
       </div>
     </>