account page

NishilJ · Nov 17, 2024 · 700c8d6 · 700c8d6
1 parent 2e38e7c
commit 700c8d6
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -4,6 +4,7 @@ import LoginPage from './pages/LoginPage';
 import RegisterPage from "./pages/RegisterPage";
 import AboutPage from "./pages/AboutPage";
 import HomePage from './pages/HomePage';
+import AccountPage from './pages/AccountPage';
 
 // Nishil
 const App: React.FC = () => {
@@ -15,6 +16,7 @@ const App: React.FC = () => {
                 <Route path="/login" element={<LoginPage/>} />
                 <Route path="/register" element={<RegisterPage />} />
                 <Route path="/about" element={<AboutPage />} />
+                <Route path="/account" element={<AccountPage />} />
             </Routes>
         </Router>
     );

diff --git a/src/components/GoogleSSO.tsx b/src/components/GoogleSSO.tsx
@@ -4,7 +4,7 @@ import { useNavigate } from 'react-router-dom';
 import { signInWithPopup } from 'firebase/auth';
 import { auth, googleProvider } from '../firebaseconfig';
 import { Button, Box } from '@mui/material';
-import { GoogleIcon } from './customicons';
+import { GoogleIcon } from './CustomIcons';
 
 // Justin & Syed
 const GoogleSSO: React.FC = () => {

diff --git a/src/components/AccountUpdate.tsx → src/pages/AccountPage.tsx b/src/components/AccountUpdate.tsx → src/pages/AccountPage.tsx
@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import { updateProfile, updateEmail } from 'firebase/auth';
+import { updateProfile, updateEmail, sendEmailVerification } from 'firebase/auth';
 import { auth } from '../firebaseconfig';
 import {
     Button,
@@ -12,7 +12,7 @@ import {
     defaultTheme
 } from '@adobe/react-spectrum';
 
-const AccountUpdate: React.FC = () => {
+const AccountPage: React.FC = () => {
     const [firstName, setFirstName] = useState<string>('');
     const [lastName, setLastName] = useState<string>('');
     const [email, setEmail] = useState<string>('');
@@ -40,6 +40,7 @@ const AccountUpdate: React.FC = () => {
                 // Update email
                 if (email !== user.email) {
                     await updateEmail(user, email);
+                    await sendEmailVerification(user);
                 }
 
                 alert('Account information updated successfully.');
@@ -85,4 +86,4 @@ const AccountUpdate: React.FC = () => {
     );
 };
 
-export default AccountUpdate;
+export default AccountPage;