diff --git a/src/pages/Profile.js b/src/pages/Profile.js
index 236fe4e..7852fab 100644
--- a/src/pages/Profile.js
+++ b/src/pages/Profile.js
@@ -1,5 +1,6 @@
import React, { useState, useEffect, useRef } from 'react';
import { useAuth } from '../context/AuthContext';
+import { useNavigate } from 'react-router-dom';
import api from '../utils/api';
import { Card } from '../components/ui/card';
import { Button } from '../components/ui/button';
@@ -9,7 +10,7 @@ import { Textarea } from '../components/ui/textarea';
import { toast } from 'sonner';
import Navbar from '../components/Navbar';
import MemberFooter from '../components/MemberFooter';
-import { User, Save, Lock, Heart, Users, Mail, BookUser, Camera, Upload, Trash2 } from 'lucide-react';
+import { User, ArrowLeft, Save, Lock, Heart, Users, Mail, BookUser, Camera, Upload, Trash2 } from 'lucide-react';
import { Avatar, AvatarImage, AvatarFallback } from '../components/ui/avatar';
import ChangePasswordDialog from '../components/ChangePasswordDialog';
import TransactionHistory from '../components/TransactionHistory';
@@ -27,6 +28,7 @@ const Profile = () => {
const [maxFileSizeBytes, setMaxFileSizeBytes] = useState(52428800); // Default 50MB in bytes
const [transactions, setTransactions] = useState({ subscriptions: [], donations: [] });
const [transactionsLoading, setTransactionsLoading] = useState(true);
+ const navigate = useNavigate();
const [formData, setFormData] = useState({
// Personal Information
first_name: '',
@@ -244,13 +246,22 @@ const Profile = () => {
- Update your personal information below. -
++ Update your personal information below. +
+