The logo is added and some error fixed.

Suraj-kumar00 · Aug 4, 2024 · 463be34 · 463be34
1 parent 49fd3bb
commit 463be34
Show file tree

Hide file tree

Showing 6 changed files with 25 additions and 17 deletions.
diff --git a/app/components/Footer.js b/app/components/Footer.js
@@ -50,7 +50,7 @@ const Footer = () => {
               variant="body2"
               sx={{ mb: { xs: 2, md: 0 }, fontWeight: 'bold' }}
             >
-              © Pantry App All Rights Reserved
+              © Pantry App All Rights Reserved August 2024
             </Typography>
 
             <Box sx={{ display: 'flex', gap: 2, mb: { xs: 2, md: 0 } }}>
@@ -61,13 +61,13 @@ const Footer = () => {
               >
                 Home
               </Button>
-              <Button
+              {/* <Button
                 onClick={() => window.location.href = '/contact'}
                 color="inherit"
                 sx={{ color: 'white' }}
               >
                 Contact
-              </Button>
+              </Button> */}
             </Box>
 
             <Box sx={{ display: 'flex', gap: 2 }}>

diff --git a/app/components/Header.js b/app/components/Header.js
@@ -37,15 +37,18 @@ const Header = () => {
     <ThemeProvider theme={theme}>
       <AppBar position="fixed" sx={{ bgcolor: '#1b263b', width: '100%', top: 0, left: 0, zIndex: 1201 }}>
         <Toolbar>
-          <Typography
-            variant="h4"
-            color="white"
-            fontWeight="bold"
-            sx={{ flexGrow: 1, cursor: 'pointer' }}
-            onClick={handleTitleClick}
-          >
-            Pantry Pro
-          </Typography>
+          <Box sx={{ display: 'flex', alignItems: 'center', flexGrow: 1 }}>
+            <img src="/Pantry-Pro-logo.png" alt="Logo" style={{ width: '40px', height: '40px', marginRight: '8px' }} />
+            <Typography
+              variant="h4"
+              color="white"
+              fontWeight="bold"
+              sx={{ cursor: 'pointer' }}
+              onClick={handleTitleClick}
+            >
+              Pantry Pro
+            </Typography>
+          </Box>
 
           {!isMobile && (
             <>

diff --git a/app/favicon.ico b/app/favicon.ico
diff --git a/app/layout.js b/app/layout.js
@@ -8,21 +8,21 @@ const inter = Inter({ subsets: ["latin"] });
 export const metadata = {
   title: "Create Next App",
   description: "Generated by create next app",
+  icons: {
+    icon: '/favicon.ico',
+  },
 };
 
 export default function RootLayout({ children }) {
   return (
     <html lang="en">
       <head>
         <title>Pantry Tracker</title>
-        <link rel="shortcut icon" href="/public/Pantry-Pro-Favicon.png" type="Pantry Pro Favicon" />
+        <link rel="shortcut icon" href="favicon.ico" type="Pantry Pro Favicon" />
       </head>
       <body className={inter.className}>
-
         <Header />
-
         <main>{children}</main>
-
         <Footer />
       </body>
     </html>

diff --git a/firebase.js b/firebase.js
@@ -3,6 +3,9 @@ import { initializeApp } from "firebase/app";
 // import { getAnalytics } from "firebase/analytics";
 import {getFirestore} from "firebase/firestore"
 import { getStorage } from 'firebase/storage';
+import { getAuth } from "firebase/auth";
+
+
 
 // TODO: Add SDKs for Firebase products that you want to use
 // https://firebase.google.com/docs/web/setup#available-libraries
@@ -26,5 +29,7 @@ const app = initializeApp(firebaseConfig);
 // const analytics = getAnalytics(app);
 const firestore = getFirestore(app);
 const storage = getStorage(app);
+const auth = getAuth(app);
+
 
-export {firestore, storage};
+export {firestore, storage,auth};
diff --git a/public/Pantry-Pro-Favicon.png → public/Pantry-Pro-logo.png b/public/Pantry-Pro-Favicon.png → public/Pantry-Pro-logo.png