Release 1.0.0

__tests__/page.test.tsx

@@ -4,8 +4,8 @@ import Home from '@/app/(shop)/page';
 import { describe, it, expect } from 'vitest';
 
 describe('Home Page', () => {
-  it('displays the main heading', () => {
-    render(<Home />);
+  it('displays the main heading', async () => {
+    render(await Home());
     const heading = screen.getByText('Pharmatech');
     expect(heading).toBeTruthy(); // Check if the element exists
   });

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ecommerce",
-  "version": "0.4.0",
+  "version": "1.0.0",
   "private": true,
   "scripts": {
     "dev": "next dev",
@@ -18,12 +18,13 @@
   "dependencies": {
     "@headlessui/react": "^2.2.0",
     "@heroicons/react": "^2.2.0",
+    "@microsoft/fetch-event-source": "^2.0.1",
     "@next/third-parties": "^15.3.0",
-    "cloudinary": "^2.6.0",
-    "@pharmatech/sdk": "^0.4.16",
+    "@pharmatech/sdk": "^0.4.21",
     "@radix-ui/react-slider": "^1.2.4",
     "@react-google-maps/api": "^2.20.6",
     "@types/google.maps": "^3.58.1",
+    "cloudinary": "^2.6.0",
     "jwt-decode": "^4.0.0",
     "lucide-react": "^0.477.0",
     "next": "^15.3.0",

src/app/(shop)/layout.tsx

@@ -1,22 +1,28 @@
 'use client';
 
-import { ReactNode } from 'react';
+import { ReactNode, Suspense } from 'react';
 import NavBar from '@/components/Navbar';
 import Footer from '@/components/Footer';
+import { useAuth } from '@/context/AuthContext';
+import Loading from '../loading';
 
 type ShopLayoutProps = {
   children: ReactNode;
 };
 
 export default function ShopLayout({ children }: ShopLayoutProps) {
+  const { isLoading } = useAuth();
+
+  if (isLoading) return null;
+
   return (
     <div>
       <div className="relative bg-white">
         {/* Nav */}
-        <div className="relative z-50">
+        <div className="sticky top-0 z-50 bg-white">
           <NavBar />
         </div>
-        {children}
+        <Suspense fallback={<Loading />}>{children}</Suspense>
       </div>
       <Footer />
     </div>