react-location-handler 1.1.2 → 1.1.4

package/README.md

@@ -3,29 +3,39 @@
 A lightweight React hook to conditionally render components based on current routes.
 
 ## Installation
-
 ```bash
+
+
 npm install react-location-handler
 
+
 import { useHandleLocation } from 'react-location-handler';
 
+
 const AppContent = ()=> {
-    const {Hide} = useHandleLocation(['/login' , '/signup' , '/404']);
+
+    const { Hide , Show } = useHandleLocation(['/login' , '/signup' , '/404']);
 
     return (
         <>
-        
-        {Hide([] , (
-            <Navbar/>
-        ))}
+
+        {Hide([], <Navbar />)}
 
         <Routes>
+
         <Route path="/" element={<Home />} />
+
         <Route path="/login" element={<Login />} />
+
         <Route path="/register" element={<Register />} />
+
       </Routes>
 
-      <Footer />
+       {Show([], <Footer />)}
+      
       </>
+
     );
-};
+
+};
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-location-handler",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "description": "",
   "main": "src/index.js",
   "files": [

package/src/index.js

@@ -1,47 +1,60 @@
 import React from "react";
+
 import { useLocation } from "react-router-dom";
+
 import { useMemo } from "react";
 
 const useHandleLocation = (hiddenPath = [], defaultElement = null) => {
-    const { pathname } = useLocation();
 
+    const { pathname } = useLocation();
     const checkHidden = useMemo(() => {
+
         if (typeof hiddenPath === 'function') return hiddenPath;
+
         if (!Array.isArray(hiddenPath)) return () => false;
 
         const pathSet = new Set(hiddenPath.filter((p) => typeof p === "string"));
+
         return (path) => pathSet.has(path)
-    }, [hiddenPath])
 
+    }, [hiddenPath])
 
     const isHidden = checkHidden(pathname);
 
 
-
     const getRanderContent = (element) => {
+
         const content = element || defaultElement;
+
         if (typeof content === 'function') {
+
             return content();
+
         }
 
-        return content;
-    };
 
 
+        return content;
+
+    };
     const Hide = (overridePath = [], elements) => {
+
         const condition = overridePath.length > 0 ? overridePath.includes(pathname) : isHidden;
+
         return condition ? null : getRanderContent(elements);
+
     }
 
     const Show = (overridePath = [], elements) => {
+
         const condition = overridePath.length > 0 ? overridePath.includes(pathname) : isHidden;
-        return condition ? getRanderContent(elements) : null;
-    }
 
+        return condition ? getRanderContent(elements) : null;
 
+    }
 
     return { isHidden, Hide, Show, getRanderContent }
-
 }
 
-export{ useHandleLocation };
+export { useHandleLocation };
+