diff --git a/src/app/admin-dashboard/claims/components/claims-dashboard.tsx b/src/app/dashboard/admin/claims/components/claims-dashboard.tsx similarity index 100% rename from src/app/admin-dashboard/claims/components/claims-dashboard.tsx rename to src/app/dashboard/admin/claims/components/claims-dashboard.tsx diff --git a/src/app/admin-dashboard/claims/components/claims-table.tsx b/src/app/dashboard/admin/claims/components/claims-table.tsx similarity index 100% rename from src/app/admin-dashboard/claims/components/claims-table.tsx rename to src/app/dashboard/admin/claims/components/claims-table.tsx diff --git a/src/app/admin-dashboard/claims/page.tsx b/src/app/dashboard/admin/claims/page.tsx similarity index 100% rename from src/app/admin-dashboard/claims/page.tsx rename to src/app/dashboard/admin/claims/page.tsx diff --git a/src/app/admin-dashboard/components/AdminDashboardHeader.tsx b/src/app/dashboard/admin/components/AdminDashboardHeader.tsx similarity index 62% rename from src/app/admin-dashboard/components/AdminDashboardHeader.tsx rename to src/app/dashboard/admin/components/AdminDashboardHeader.tsx index d57ff33..e7b829b 100644 --- a/src/app/admin-dashboard/components/AdminDashboardHeader.tsx +++ b/src/app/dashboard/admin/components/AdminDashboardHeader.tsx @@ -1,12 +1,14 @@ "use client"; import React, { useEffect, useState } from "react"; -import Notification from "../../../../public/svg/notification.svg"; -import Avatar from "../../../../public/svg/Avatar.svg"; +import Notification from "../../../../../public/svg/notification.svg"; +import Avatar from "../../../../../public/svg/Avatar.svg"; import { MdOutlineKeyboardArrowDown } from "react-icons/md"; import { Menu, Plus } from "lucide-react"; import Image from "next/image"; import { usePathname } from "next/navigation"; +import { useAccount, useDisconnect } from "@starknet-react/core"; +import WalletDisconnectModal from "@/components/Wallet-disconnect-modal"; const navItems = [ { href: "/admin-dashboard", label: "Dashboard" }, @@ -24,6 +26,9 @@ export default function AdminDashboardHeader({ }) { const pathname = usePathname(); const [currentPage, setCurrentPage] = useState("Dashboard"); + const { disconnect } = useDisconnect({}); + const { address } = useAccount(); + const [isDisconnect, setIsDisconnect] = useState(false); useEffect(() => { const matchedPage = @@ -31,6 +36,10 @@ export default function AdminDashboardHeader({ setCurrentPage(matchedPage); }, [pathname]); + const handleDisconnect = () => { + disconnect(); + }; + return (

{currentPage}

@@ -44,7 +53,10 @@ export default function AdminDashboardHeader({ alt="Notification" /> -
+
setIsDisconnect(!isDisconnect)} + > Avatar - Not Connected + + {address?.slice(0, 6)}....{address?.slice(-4)} +
@@ -62,6 +76,14 @@ export default function AdminDashboardHeader({ > + + {isDisconnect && ( + setIsDisconnect(false)} + onDisconnect={handleDisconnect} + /> + )}
); diff --git a/src/app/admin-dashboard/components/AdminDashboardSidebar.tsx b/src/app/dashboard/admin/components/AdminDashboardSidebar.tsx similarity index 95% rename from src/app/admin-dashboard/components/AdminDashboardSidebar.tsx rename to src/app/dashboard/admin/components/AdminDashboardSidebar.tsx index 65e139a..8a1542e 100644 --- a/src/app/admin-dashboard/components/AdminDashboardSidebar.tsx +++ b/src/app/dashboard/admin/components/AdminDashboardSidebar.tsx @@ -13,25 +13,25 @@ interface NavItem { const navItems: NavItem[] = [ { - href: "/admin-dashboard", + href: "/dashboard/admin", icon: "/svg/dashboardIcon.svg", label: "Dashboard", id: 1, }, { - href: "/admin-dashboard/plans", + href: "/dashboard/admin/plans", icon: "/svg/plansIcon.svg", // "bg-[#1E0B40] border border-[#807F8D]" label: "Plans", id: 2, }, { - href: "/admin-dashboard/claims", + href: "/dashboard/admin/claims", icon: "/svg/claimsIcons.svg", label: "Claims", id: 3, }, { - href: "/admin-dashboard/support", + href: "/dashboard/admin/support", icon: "/svg/supportIcon.svg", label: "Support", id: 4, diff --git a/src/app/admin-dashboard/components/AdminQuickActions.tsx b/src/app/dashboard/admin/components/AdminQuickActions.tsx similarity index 100% rename from src/app/admin-dashboard/components/AdminQuickActions.tsx rename to src/app/dashboard/admin/components/AdminQuickActions.tsx diff --git a/src/app/admin-dashboard/components/AdminRecentActivities.tsx b/src/app/dashboard/admin/components/AdminRecentActivities.tsx similarity index 100% rename from src/app/admin-dashboard/components/AdminRecentActivities.tsx rename to src/app/dashboard/admin/components/AdminRecentActivities.tsx diff --git a/src/app/admin-dashboard/components/AdminStatCards.tsx b/src/app/dashboard/admin/components/AdminStatCards.tsx similarity index 100% rename from src/app/admin-dashboard/components/AdminStatCards.tsx rename to src/app/dashboard/admin/components/AdminStatCards.tsx diff --git a/src/app/admin-dashboard/components/SupportAddQuestion.tsx b/src/app/dashboard/admin/components/SupportAddQuestion.tsx similarity index 100% rename from src/app/admin-dashboard/components/SupportAddQuestion.tsx rename to src/app/dashboard/admin/components/SupportAddQuestion.tsx diff --git a/src/app/admin-dashboard/components/SupportEditQuestion.tsx b/src/app/dashboard/admin/components/SupportEditQuestion.tsx similarity index 100% rename from src/app/admin-dashboard/components/SupportEditQuestion.tsx rename to src/app/dashboard/admin/components/SupportEditQuestion.tsx diff --git a/src/app/admin-dashboard/components/SupportFaqs.tsx b/src/app/dashboard/admin/components/SupportFaqs.tsx similarity index 89% rename from src/app/admin-dashboard/components/SupportFaqs.tsx rename to src/app/dashboard/admin/components/SupportFaqs.tsx index b17a292..0a05848 100644 --- a/src/app/admin-dashboard/components/SupportFaqs.tsx +++ b/src/app/dashboard/admin/components/SupportFaqs.tsx @@ -3,8 +3,8 @@ import Image from "next/image"; import { useState } from "react"; import { ChevronDown } from "lucide-react"; -import SupportAddQuestion from "../components/SupportAddQuestion"; -import SupportEditQuestion from "../components/SupportEditQuestion"; +import SupportAddQuestion from "./SupportAddQuestion"; +import SupportEditQuestion from "./SupportEditQuestion"; interface FAQ { question: string; @@ -15,8 +15,9 @@ interface FAQ { export default function SupportFaqs() { const [isAddOpen, setIsAddOpen] = useState(false); const [isEditOpen, setIsEditOpen] = useState(false); - const [selectedQuestion, setSelectedQuestion] = useState(undefined); - + const [selectedQuestion, setSelectedQuestion] = useState( + undefined + ); const faqs: FAQ[] = [ { @@ -25,7 +26,8 @@ export default function SupportFaqs() { category: "Security", }, { - question: "What makes InheritX different from traditional inheritance platforms?", + question: + "What makes InheritX different from traditional inheritance platforms?", answer: `InheritX leverages blockchain technology to ensure automated execution of inheritance plans through smart contracts, eliminating the need for intermediaries while maintaining decentralized security. Our platform provides transparent verification of inheritance conditions, enabling beneficiaries to access assets with complete trust. Additionally, immutable record-keeping ensures that all transactions and inheritance plans remain tamper-proof and permanently verifiable on the blockchain.`, category: "Security", }, @@ -48,7 +50,12 @@ export default function SupportFaqs() { @@ -65,9 +72,13 @@ export default function SupportFaqs() {
-

FAQs

+

+ FAQs +

-

View All Questions

+

+ View All Questions +

diff --git a/src/app/admin-dashboard/components/SupportQuickAction.tsx b/src/app/dashboard/admin/components/SupportQuickAction.tsx similarity index 100% rename from src/app/admin-dashboard/components/SupportQuickAction.tsx rename to src/app/dashboard/admin/components/SupportQuickAction.tsx diff --git a/src/app/admin-dashboard/components/SupportReply.tsx b/src/app/dashboard/admin/components/SupportReply.tsx similarity index 100% rename from src/app/admin-dashboard/components/SupportReply.tsx rename to src/app/dashboard/admin/components/SupportReply.tsx diff --git a/src/app/admin-dashboard/components/SupportSearchBar.tsx b/src/app/dashboard/admin/components/SupportSearchBar.tsx similarity index 100% rename from src/app/admin-dashboard/components/SupportSearchBar.tsx rename to src/app/dashboard/admin/components/SupportSearchBar.tsx diff --git a/src/app/admin-dashboard/components/SupportStatCard.tsx b/src/app/dashboard/admin/components/SupportStatCard.tsx similarity index 100% rename from src/app/admin-dashboard/components/SupportStatCard.tsx rename to src/app/dashboard/admin/components/SupportStatCard.tsx diff --git a/src/app/admin-dashboard/components/SupportTicket.tsx b/src/app/dashboard/admin/components/SupportTicket.tsx similarity index 60% rename from src/app/admin-dashboard/components/SupportTicket.tsx rename to src/app/dashboard/admin/components/SupportTicket.tsx index 6ed0d31..84729bb 100644 --- a/src/app/admin-dashboard/components/SupportTicket.tsx +++ b/src/app/dashboard/admin/components/SupportTicket.tsx @@ -2,8 +2,8 @@ import { useState } from "react"; import { ChevronDown } from "lucide-react"; -import SupportTicketDetailUnanswered from "../components/SupportTicketDetailUnanswered"; -import SupportTicketDetailAnswered from "../components/SupportTicketDetailAnswered"; +import SupportTicketDetailUnanswered from "./SupportTicketDetailUnanswered"; +import SupportTicketDetailAnswered from "./SupportTicketDetailAnswered"; interface SupportTicketType { date: string; @@ -11,22 +11,26 @@ interface SupportTicketType { email: string; subject: string; status: string; - userId: string; - description: string; + userId: string; + description: string; attachments: string[]; } export default function SupportTicket() { - - const [selectedTicket, setSelectedTicket] = useState(null); + const [selectedTicket, setSelectedTicket] = + useState(null); return (
-

Support Tickets

+

+ Support Tickets +

-

View All Tickets

+

+ View All Tickets +

@@ -45,10 +49,28 @@ export default function SupportTicket() { {[ - { date: "24 - 01 - 2025", id: "24224", email: "danielochoja@gmail.com", subject: "Inheritance", status: "Answered" }, - { date: "24 - 01 - 2025", id: "34263", email: "daviechoe@inherix.com", subject: "Claims", status: "Answered" }, - { date: "24 - 01 - 2025", id: "35521", email: "nazried@jaspertech.org", subject: "Assets", status: "Unanswered" } - ].map(ticket => ( + { + date: "24 - 01 - 2025", + id: "24224", + email: "danielochoja@gmail.com", + subject: "Inheritance", + status: "Answered", + }, + { + date: "24 - 01 - 2025", + id: "34263", + email: "daviechoe@inherix.com", + subject: "Claims", + status: "Answered", + }, + { + date: "24 - 01 - 2025", + id: "35521", + email: "nazried@jaspertech.org", + subject: "Assets", + status: "Unanswered", + }, + ].map((ticket) => ( {ticket.date} {ticket.id} @@ -62,12 +84,11 @@ export default function SupportTicket() { e.preventDefault(); setSelectedTicket({ ...ticket, - userId: "N/A", - description: "No description available.", - attachments: [], + userId: "N/A", + description: "No description available.", + attachments: [], }); }} - > View @@ -80,12 +101,18 @@ export default function SupportTicket() {
{/* Ticket Details Modal - Render based on status */} - {selectedTicket && ( - selectedTicket.status === "Answered" ? - setSelectedTicket(null)} /> - : - setSelectedTicket(null)} /> - )} + {selectedTicket && + (selectedTicket.status === "Answered" ? ( + setSelectedTicket(null)} + /> + ) : ( + setSelectedTicket(null)} + /> + ))}
); } diff --git a/src/app/admin-dashboard/components/SupportTicketDetailAnswered.tsx b/src/app/dashboard/admin/components/SupportTicketDetailAnswered.tsx similarity index 77% rename from src/app/admin-dashboard/components/SupportTicketDetailAnswered.tsx rename to src/app/dashboard/admin/components/SupportTicketDetailAnswered.tsx index d73f4d5..895679a 100644 --- a/src/app/admin-dashboard/components/SupportTicketDetailAnswered.tsx +++ b/src/app/dashboard/admin/components/SupportTicketDetailAnswered.tsx @@ -2,7 +2,7 @@ import { useState } from "react"; import { FileText, Link } from "lucide-react"; -import SupportReply from "../components/SupportReply"; +import SupportReply from "./SupportReply"; interface SupportTicketType { id: string; @@ -19,7 +19,10 @@ interface SupportTicketDetailsAnsweredProps { onClose: () => void; } -export default function SupportTicketDetailsAnswered({ ticket, onClose }: SupportTicketDetailsAnsweredProps) { +export default function SupportTicketDetailsAnswered({ + ticket, + onClose, +}: SupportTicketDetailsAnsweredProps) { const [isReplyOpen, setIsReplyOpen] = useState(false); if (!ticket) { @@ -32,13 +35,20 @@ export default function SupportTicketDetailsAnswered({ ticket, onClose }: Suppor const defaultAttachments = ["Screenshot23422332", "Screenshot23422332"]; if (isReplyOpen) { - return setIsReplyOpen(false)} />; + return ( + setIsReplyOpen(false)} + /> + ); } return (
-

Ticket Details

+

+ Ticket Details +

@@ -46,14 +56,22 @@ export default function SupportTicketDetailsAnswered({ ticket, onClose }: Suppor - +
Attachment(s)
{ticket.attachments && ticket.attachments.length > 0 - ? ticket.attachments.map((file, index) => ) - : defaultAttachments.map((file, index) => )} + ? ticket.attachments.map((file, index) => ( + + )) + : defaultAttachments.map((file, index) => ( + + ))}
@@ -74,7 +92,10 @@ export default function SupportTicketDetailsAnswered({ ticket, onClose }: Suppor
- setIsReplyOpen(false)} /> + setIsReplyOpen(false)} + />
); } @@ -88,7 +109,9 @@ interface TicketRowProps { const TicketRow = ({ label, value, multiLine }: TicketRowProps) => (
{label} - {value} + + {value} +
); diff --git a/src/app/admin-dashboard/components/SupportTicketDetailUnanswered.tsx b/src/app/dashboard/admin/components/SupportTicketDetailUnanswered.tsx similarity index 68% rename from src/app/admin-dashboard/components/SupportTicketDetailUnanswered.tsx rename to src/app/dashboard/admin/components/SupportTicketDetailUnanswered.tsx index 48604fb..9827874 100644 --- a/src/app/admin-dashboard/components/SupportTicketDetailUnanswered.tsx +++ b/src/app/dashboard/admin/components/SupportTicketDetailUnanswered.tsx @@ -1,6 +1,6 @@ import { useState } from "react"; import { FileText, Link } from "lucide-react"; -import SupportReply from "../components/SupportReply"; +import SupportReply from "./SupportReply"; interface SupportTicket { id: string; @@ -17,26 +17,36 @@ interface Props { onClose: () => void; } -export default function SupportTicketDetailsUnanswered({ ticket, onClose }: Props) { - const [isReplyOpen, setIsReplyOpen] = useState(false); +export default function SupportTicketDetailsUnanswered({ + ticket, + onClose, +}: Props) { + const [isReplyOpen, setIsReplyOpen] = useState(false); if (!ticket) { - return null; + return null; } - const defaultUserId = "12345"; + const defaultUserId = "12345"; const defaultDescription = `For some reason, I can't create an inheritance plan. - How do I go about this? I want to leave a huge sum of money for my daughter.`; - const defaultAttachments = ["Screenshot23422332", "Screenshot23422332"]; + How do I go about this? I want to leave a huge sum of money for my daughter.`; + const defaultAttachments = ["Screenshot23422332", "Screenshot23422332"]; if (isReplyOpen) { - return setIsReplyOpen(false)} />; + return ( + setIsReplyOpen(false)} + /> + ); } return (
-

Ticket Details

+

+ Ticket Details +

@@ -44,21 +54,29 @@ export default function SupportTicketDetailsUnanswered({ ticket, onClose }: Prop - +
Attachment(s)
{ticket.attachments && ticket.attachments.length > 0 - ? ticket.attachments.map((file, index) => ) - : defaultAttachments.map((file, index) => )} + ? ticket.attachments.map((file, index) => ( + + )) + : defaultAttachments.map((file, index) => ( + + ))}
- -
@@ -75,10 +96,20 @@ export default function SupportTicketDetailsUnanswered({ ticket, onClose }: Prop ); } -const TicketRow = ({ label, value, multiLine }: { label: string; value: string; multiLine?: boolean }) => ( +const TicketRow = ({ + label, + value, + multiLine, +}: { + label: string; + value: string; + multiLine?: boolean; +}) => (
{label} - {value} + + {value} +
); diff --git a/src/app/admin-dashboard/layout.tsx b/src/app/dashboard/admin/layout.tsx similarity index 100% rename from src/app/admin-dashboard/layout.tsx rename to src/app/dashboard/admin/layout.tsx diff --git a/src/app/admin-dashboard/page.tsx b/src/app/dashboard/admin/page.tsx similarity index 100% rename from src/app/admin-dashboard/page.tsx rename to src/app/dashboard/admin/page.tsx diff --git a/src/app/admin-dashboard/plans/components/kyc-detail-modal.tsx b/src/app/dashboard/admin/plans/components/kyc-detail-modal.tsx similarity index 100% rename from src/app/admin-dashboard/plans/components/kyc-detail-modal.tsx rename to src/app/dashboard/admin/plans/components/kyc-detail-modal.tsx diff --git a/src/app/admin-dashboard/plans/components/plan-detail-modal.tsx b/src/app/dashboard/admin/plans/components/plan-detail-modal.tsx similarity index 100% rename from src/app/admin-dashboard/plans/components/plan-detail-modal.tsx rename to src/app/dashboard/admin/plans/components/plan-detail-modal.tsx diff --git a/src/app/admin-dashboard/plans/components/plans-dashboard.tsx b/src/app/dashboard/admin/plans/components/plans-dashboard.tsx similarity index 100% rename from src/app/admin-dashboard/plans/components/plans-dashboard.tsx rename to src/app/dashboard/admin/plans/components/plans-dashboard.tsx diff --git a/src/app/admin-dashboard/plans/lib/data.ts b/src/app/dashboard/admin/plans/lib/data.ts similarity index 100% rename from src/app/admin-dashboard/plans/lib/data.ts rename to src/app/dashboard/admin/plans/lib/data.ts diff --git a/src/app/admin-dashboard/plans/lib/types.ts b/src/app/dashboard/admin/plans/lib/types.ts similarity index 100% rename from src/app/admin-dashboard/plans/lib/types.ts rename to src/app/dashboard/admin/plans/lib/types.ts diff --git a/src/app/admin-dashboard/plans/page.tsx b/src/app/dashboard/admin/plans/page.tsx similarity index 100% rename from src/app/admin-dashboard/plans/page.tsx rename to src/app/dashboard/admin/plans/page.tsx diff --git a/src/app/admin-dashboard/support/page.tsx b/src/app/dashboard/admin/support/page.tsx similarity index 100% rename from src/app/admin-dashboard/support/page.tsx rename to src/app/dashboard/admin/support/page.tsx diff --git a/src/app/user-dashboard/advisory/advisory.tsx b/src/app/dashboard/user/advisory/advisory.tsx similarity index 100% rename from src/app/user-dashboard/advisory/advisory.tsx rename to src/app/dashboard/user/advisory/advisory.tsx diff --git a/src/app/user-dashboard/assets/assets.tsx b/src/app/dashboard/user/assets/assets.tsx similarity index 98% rename from src/app/user-dashboard/assets/assets.tsx rename to src/app/dashboard/user/assets/assets.tsx index 85b2147..1eb3d01 100644 --- a/src/app/user-dashboard/assets/assets.tsx +++ b/src/app/dashboard/user/assets/assets.tsx @@ -1,11 +1,13 @@ +"use client" import React, { useState } from "react"; import { ChevronDown, Files, QrCode, X } from "lucide-react"; -import NftIcon from "../../../../public/svg/NFT.svg"; +import NftIcon from "../../../../../public/svg/NFT.svg"; import Image from "next/image"; import ethIcon from "@/svg/ethIcon.svg"; import usdtIcon from "@/svg/usctIcon.svg"; import usdcIcon from "@/svg/usdc.svg"; import { DirectionAnimation } from "@/motion/Animation"; +import { useAccount } from "@starknet-react/core"; interface AssetData { name: string; @@ -34,7 +36,7 @@ const Assets = () => { const [activeTab, setActiveTab] = useState<"tokens" | "nfts">("tokens"); const totalBalance = "$2,521.23"; const [selectedNft, setSelectedNft] = useState(null); - + const { address } = useAccount(); const [isOpen, setIsOpen] = useState(false); const [selectedCurrency, setSelectedCurrency] = useState("USD"); const currencies = ["USD", "ETH", "USDC", "USDT"]; @@ -205,7 +207,7 @@ const Assets = () => {
- 0x8a53...3279 + ${address?.slice(0, 6)}....${address?.slice(-4)}
diff --git a/src/app/user-dashboard/claims/claims.tsx b/src/app/dashboard/user/claims/claims.tsx similarity index 92% rename from src/app/user-dashboard/claims/claims.tsx rename to src/app/dashboard/user/claims/claims.tsx index 6c0fde2..d12df8e 100644 --- a/src/app/user-dashboard/claims/claims.tsx +++ b/src/app/dashboard/user/claims/claims.tsx @@ -1,19 +1,19 @@ "use client"; import { useState, JSX } from "react"; import Image from "next/image"; -import bitcoinIcon from "../../../../public/svg/bitcoin.svg"; -import clockIcon from "../../../../public/svg/plansIcon.svg"; -import peopleIcon from "../../../../public/svg/people.svg"; +import bitcoinIcon from "../../../../../public/svg/bitcoin.svg"; +import clockIcon from "../../../../../public/svg/plansIcon.svg"; +import peopleIcon from "../../../../../public/svg/people.svg"; import ClaimForm from "../component/ClaimForm"; import ClaimList from "../component/ClaimList"; import ClaimModal from "../component/ClaimModal"; import AcceptedModal from "../component/AcceptedModal"; -import WithdrawalModal from "../../../components/WithdrawalModal"; import { ClaimStatCard } from "../component/ClaimStatCard"; -import checkCicle from "../../../../public/modalIcon/checkCircle.svg"; -import warningIcon from "../../../../public/modalIcon/Warning.svg"; -import hourglassIcon from "../../../../public/modalIcon/hourGlassIcon.svg"; +import checkCicle from "../../../../../public/modalIcon/checkCircle.svg"; +import warningIcon from "../../../../../public/modalIcon/Warning.svg"; +import hourglassIcon from "../../../../../public/modalIcon/hourGlassIcon.svg"; import { DirectionAnimation } from "@/motion/Animation"; +import WithdrawalModal from "@/components/WithdrawalModal"; interface Claim { id: number; @@ -192,13 +192,13 @@ function Claims() {
0 ? "4" : "3" + stats.length > 0 ? "4" : "3" } gap-6 `} > {stats.map((stat, index) => ( ))} - {claims.length > 0 && ( + {stats.length > 0 && ( (null); + const { disconnect } = useDisconnect({}); // Handle click outside useEffect(() => { @@ -88,6 +91,10 @@ function Header({ onMenuClick }: HeaderProps) { setIsNotificationOpen(false); }, [pathname]); + const handleDisconnect = () => { + disconnect(); + }; + return (
@@ -158,7 +165,9 @@ function Header({ onMenuClick }: HeaderProps) { className="rounded-full" alt="Avatar" /> -
0x8a53....3279
+
+ {address?.slice(0, 6)}....{address?.slice(-4)} +
@@ -166,13 +175,11 @@ function Header({ onMenuClick }: HeaderProps) { {/* Dropdown Menu */} {isProfileOpen && ( -
-
- - {account ? account : "Not connected"} - -
-
+ setIsProfileOpen(false)} + onDisconnect={handleDisconnect} + /> )}
@@ -207,7 +214,9 @@ function Header({ onMenuClick }: HeaderProps) { alt="Avatar" /> - {account ? account : "Not connected"} + {address + ? `${address?.slice(0, 6)}....${address?.slice(-4)}` + : "Not connected"} diff --git a/src/app/dashboard/user/component/MobileNav.tsx b/src/app/dashboard/user/component/MobileNav.tsx new file mode 100644 index 0000000..63f7141 --- /dev/null +++ b/src/app/dashboard/user/component/MobileNav.tsx @@ -0,0 +1,147 @@ +'use client'; + +import { motion, AnimatePresence } from 'framer-motion'; +import Image from 'next/image'; +import { useContext, useState } from 'react'; +import { X, Plus } from 'lucide-react'; +import { MdOutlineKeyboardArrowDown } from 'react-icons/md'; +import { DashBoardContext } from '../../../useContext/dashboardContext'; +import { useWalletContext } from '../../../useContext/WalletContext'; +import dashboardIcon from '../../../../../public/svg/dashboardIcon.svg'; +import assetsIcon from '../../../../../public/svg/assetsIcon.svg'; +import plansIcon from '../../../../../public/svg/plansIcon.svg'; +import exchangeIcon from '../../../../../public/svg/exchangeIcon.svg'; +import claimsIcon from '../../../../../public/svg/claimsIcons.svg'; +import notificationIcon from '../../../../../public/svg/bell.svg'; +import advisoryIcon from '../../../../../public/svg/advisoryIcons.svg'; +import ProfileIcon from '../../../../../public/svg/profileIcon.svg'; +import SupportIcon from '../../../../../public/svg/SupportIcon.svg'; +import Avatar from '../../../../../public/svg/Avatar.svg'; +import Logo from '../../../../../public/svg/whitelogo.svg'; +import { useAccount, useDisconnect } from '@starknet-react/core'; +import WalletDisconnectModal from '@/components/Wallet-disconnect-modal'; + +interface MobileNavProps { + isOpen: boolean; + onClose: () => void; +} + +export function MobileNav({ isOpen, onClose }: MobileNavProps) { + const { activeSection, setActiveSection: onSectionChange } = + useContext(DashBoardContext); + const { account, disconnectWallet } = useWalletContext(); + const { address } = useAccount(); + const [isProfileOpen, setIsProfileOpen] = useState(false); + const { disconnect } = useDisconnect({}); + + const menuItems = [ + { icon: dashboardIcon, label: 'Dashboard', section: 'home' }, + { icon: assetsIcon, label: 'Assets', section: 'assets' }, + { icon: plansIcon, label: 'Plans', section: 'plans' }, + { icon: exchangeIcon, label: 'Exchange', section: 'exchange' }, + { icon: claimsIcon, label: 'Claims', section: 'claims' }, + { icon: notificationIcon, label: 'Notification', section: 'notification' }, + { icon: advisoryIcon, label: 'Advisory', section: 'advisory' }, + { icon: ProfileIcon, label: 'Profile', section: 'profile' }, + { icon: SupportIcon, label: 'Support', section: 'support' }, + ]; + + const handleDisconnect = () => { + disconnect(); + // setIsDisconnectModalOpen(false); + }; + + return ( + + {isOpen && ( + <> + + +
+
+ InheritX Logo + +
+ + +
+ + {/* User Profile Section at Bottom */} +
+
setIsProfileOpen(!isProfileOpen)} + > + Avatar + + {address?.slice(0, 6)}....{address?.slice(-4)} + + + +
+
+ {/* Dropdown Menu */} + {isProfileOpen && ( + setIsProfileOpen(false)} + onDisconnect={handleDisconnect} + /> + )} + + + )} + + ); +} + +{/* Avatar; */} \ No newline at end of file diff --git a/src/app/user-dashboard/component/NotificationDropdown.tsx b/src/app/dashboard/user/component/NotificationDropdown.tsx similarity index 100% rename from src/app/user-dashboard/component/NotificationDropdown.tsx rename to src/app/dashboard/user/component/NotificationDropdown.tsx diff --git a/src/app/user-dashboard/component/QuickActionButton.tsx b/src/app/dashboard/user/component/QuickActionButton.tsx similarity index 91% rename from src/app/user-dashboard/component/QuickActionButton.tsx rename to src/app/dashboard/user/component/QuickActionButton.tsx index cfebf67..242eff3 100644 --- a/src/app/user-dashboard/component/QuickActionButton.tsx +++ b/src/app/dashboard/user/component/QuickActionButton.tsx @@ -1,4 +1,4 @@ -import { DashBoardContext } from '../../useContext/dashboardContext'; +import { DashBoardContext } from '../../../useContext/dashboardContext'; import { useContext } from 'react'; import { ReactNode } from 'react'; diff --git a/src/app/user-dashboard/component/RecentActivity.tsx b/src/app/dashboard/user/component/RecentActivity.tsx similarity index 100% rename from src/app/user-dashboard/component/RecentActivity.tsx rename to src/app/dashboard/user/component/RecentActivity.tsx diff --git a/src/app/user-dashboard/component/RequestSuccessModal.tsx b/src/app/dashboard/user/component/RequestSuccessModal.tsx similarity index 100% rename from src/app/user-dashboard/component/RequestSuccessModal.tsx rename to src/app/dashboard/user/component/RequestSuccessModal.tsx diff --git a/src/app/user-dashboard/component/StatCard.tsx b/src/app/dashboard/user/component/StatCard.tsx similarity index 100% rename from src/app/user-dashboard/component/StatCard.tsx rename to src/app/dashboard/user/component/StatCard.tsx diff --git a/src/app/user-dashboard/component/UserDashboardSidebar.tsx b/src/app/dashboard/user/component/UserDashboardSidebar.tsx similarity index 85% rename from src/app/user-dashboard/component/UserDashboardSidebar.tsx rename to src/app/dashboard/user/component/UserDashboardSidebar.tsx index 55909ce..3afc58b 100644 --- a/src/app/user-dashboard/component/UserDashboardSidebar.tsx +++ b/src/app/dashboard/user/component/UserDashboardSidebar.tsx @@ -1,20 +1,20 @@ "use client"; import Image from "next/image"; import React, { MouseEventHandler, useContext } from "react"; -import { DashBoardContext } from "../../useContext/dashboardContext"; +import { DashBoardContext } from "../../../useContext/dashboardContext"; import Link from "next/link"; // Import icons -import Logo from "../../../../public/svg/whitelogo.svg"; -import dashboardIcon from "../../../../public/svg/dashboardIcon.svg"; -import assetsIcon from "../../../../public/svg/assetsIcon.svg"; -import plansIcon from "../../../../public/svg/plansIcon.svg"; -import exchangeIcon from "../../../../public/svg/exchangeIcon.svg"; -import claimsIcon from "../../../../public/svg/claimsIcons.svg"; -import notificationIcon from "../../../../public/svg/bell.svg"; -import advisoryIcon from "../../../../public/svg/advisoryIcons.svg"; -import ProfileIcon from "../../../../public/svg/profileIcon.svg"; -import SupportIcon from "../../../../public/svg/SupportIcon.svg"; +import Logo from "../../../../../public/svg/whitelogo.svg"; +import dashboardIcon from "../../../../../public/svg/dashboardIcon.svg"; +import assetsIcon from "../../../../../public/svg/assetsIcon.svg"; +import plansIcon from "../../../../../public/svg/plansIcon.svg"; +import exchangeIcon from "../../../../../public/svg/exchangeIcon.svg"; +import claimsIcon from "../../../../../public/svg/claimsIcons.svg"; +import notificationIcon from "../../../../../public/svg/bell.svg"; +import advisoryIcon from "../../../../../public/svg/advisoryIcons.svg"; +import ProfileIcon from "../../../../../public/svg/profileIcon.svg"; +import SupportIcon from "../../../../../public/svg/SupportIcon.svg"; import { DirectionAnimation } from "@/motion/Animation"; // NavItem component diff --git a/src/app/user-dashboard/dashboard/dashboard.tsx b/src/app/dashboard/user/dashboard/dashboard.tsx similarity index 87% rename from src/app/user-dashboard/dashboard/dashboard.tsx rename to src/app/dashboard/user/dashboard/dashboard.tsx index e5bd76f..27ab523 100644 --- a/src/app/user-dashboard/dashboard/dashboard.tsx +++ b/src/app/dashboard/user/dashboard/dashboard.tsx @@ -3,11 +3,11 @@ import { StatCard } from "../component/StatCard"; import Image from "next/image"; import { QuickActionButton } from "../component/QuickActionButton"; -import bitcoinIcon from "../../../../public/svg/bitcoin.svg"; -import clockIcon from "../../../../public/svg/plansIcon.svg"; -import peopleIcon from "../../../../public/svg/people.svg"; -import midClockIcon from "../../../../public/svg/mdi_clock-plus.svg"; -import swapIcon from "../../../../public/svg/swap-icon.svg"; +import bitcoinIcon from "../../../../../public/svg/bitcoin.svg"; +import clockIcon from "../../../../../public/svg/plansIcon.svg"; +import peopleIcon from "../../../../../public/svg/people.svg"; +import midClockIcon from "../../../../../public/svg/mdi_clock-plus.svg"; +import swapIcon from "../../../../../public/svg/swap-icon.svg"; import RecentActivities from "../component/RecentActivity"; import { DirectionAnimation } from "@/motion/Animation"; diff --git a/src/app/user-dashboard/exchanges/SuccessModal.tsx b/src/app/dashboard/user/exchanges/SuccessModal.tsx similarity index 100% rename from src/app/user-dashboard/exchanges/SuccessModal.tsx rename to src/app/dashboard/user/exchanges/SuccessModal.tsx diff --git a/src/app/user-dashboard/exchanges/exchanges.tsx b/src/app/dashboard/user/exchanges/exchanges.tsx similarity index 98% rename from src/app/user-dashboard/exchanges/exchanges.tsx rename to src/app/dashboard/user/exchanges/exchanges.tsx index d932177..91ededb 100644 --- a/src/app/user-dashboard/exchanges/exchanges.tsx +++ b/src/app/dashboard/user/exchanges/exchanges.tsx @@ -2,11 +2,11 @@ import React, { useState } from "react"; import Image from "next/image"; import SuccessModal from "./SuccessModal"; import { ChevronDown, ArrowUpDown } from "lucide-react"; -import btc from "../../../../public/assets/btc.png"; -import eth from "../../../../public/assets/Eth.png"; -import strk from "../../../../public/assets/strk.png"; -import usdc from "../../../../public/assets/usdc.png"; -import usdt from "../../../../public/assets/usdt.png"; +import btc from "../../../../../public/assets/btc.png"; +import eth from "../../../../../public/assets/Eth.png"; +import strk from "../../../../../public/assets/strk.png"; +import usdc from "../../../../../public/assets/usdc.png"; +import usdt from "../../../../../public/assets/usdt.png"; import { DirectionAnimation } from "@/motion/Animation"; // Token type definition diff --git a/src/app/user-dashboard/layout.tsx b/src/app/dashboard/user/layout.tsx similarity index 92% rename from src/app/user-dashboard/layout.tsx rename to src/app/dashboard/user/layout.tsx index befc905..7a4ce94 100644 --- a/src/app/user-dashboard/layout.tsx +++ b/src/app/dashboard/user/layout.tsx @@ -4,7 +4,7 @@ import { useState } from "react"; import Header from "./component/DashboardHeader"; import { Sidebar } from "./component/UserDashboardSidebar"; import { MobileNav } from "./component/MobileNav"; -import DashBoardContextProvider from "../useContext/dashboardContext"; +import DashBoardContextProvider from "../../useContext/dashboardContext"; export default function DashboardLayout({ children, diff --git a/src/app/user-dashboard/notification/notification.tsx b/src/app/dashboard/user/notification/notification.tsx similarity index 100% rename from src/app/user-dashboard/notification/notification.tsx rename to src/app/dashboard/user/notification/notification.tsx diff --git a/src/app/user-dashboard/page.tsx b/src/app/dashboard/user/page.tsx similarity index 93% rename from src/app/user-dashboard/page.tsx rename to src/app/dashboard/user/page.tsx index 4159542..316e47c 100644 --- a/src/app/user-dashboard/page.tsx +++ b/src/app/dashboard/user/page.tsx @@ -1,6 +1,5 @@ "use client"; import { useContext } from "react"; -import { DashBoardContext } from "../useContext/dashboardContext"; import Notification from "./notification/notification"; import Support from "./support/support"; import Profile from "./profile/profile"; @@ -10,6 +9,7 @@ import Plans from "./plans/plans"; import Claims from "./claims/claims"; import Advisory from "./advisory/advisory"; import Exchange from "./exchanges/exchanges"; +import { DashBoardContext } from "@/app/useContext/dashboardContext"; function Page() { const { activeSection } = useContext(DashBoardContext); diff --git a/src/app/user-dashboard/plans/components/add-beneficial-form.tsx b/src/app/dashboard/user/plans/components/add-beneficial-form.tsx similarity index 100% rename from src/app/user-dashboard/plans/components/add-beneficial-form.tsx rename to src/app/dashboard/user/plans/components/add-beneficial-form.tsx diff --git a/src/app/user-dashboard/plans/components/additional-message.tsx b/src/app/dashboard/user/plans/components/additional-message.tsx similarity index 100% rename from src/app/user-dashboard/plans/components/additional-message.tsx rename to src/app/dashboard/user/plans/components/additional-message.tsx diff --git a/src/app/user-dashboard/plans/components/beneficiary-info.tsx b/src/app/dashboard/user/plans/components/beneficiary-info.tsx similarity index 100% rename from src/app/user-dashboard/plans/components/beneficiary-info.tsx rename to src/app/dashboard/user/plans/components/beneficiary-info.tsx diff --git a/src/app/user-dashboard/plans/components/configure-condition.tsx b/src/app/dashboard/user/plans/components/configure-condition.tsx similarity index 100% rename from src/app/user-dashboard/plans/components/configure-condition.tsx rename to src/app/dashboard/user/plans/components/configure-condition.tsx diff --git a/src/app/user-dashboard/plans/components/createPlanOne.tsx b/src/app/dashboard/user/plans/components/createPlanOne.tsx similarity index 100% rename from src/app/user-dashboard/plans/components/createPlanOne.tsx rename to src/app/dashboard/user/plans/components/createPlanOne.tsx diff --git a/src/app/user-dashboard/plans/components/plan-confirmation.tsx b/src/app/dashboard/user/plans/components/plan-confirmation.tsx similarity index 100% rename from src/app/user-dashboard/plans/components/plan-confirmation.tsx rename to src/app/dashboard/user/plans/components/plan-confirmation.tsx diff --git a/src/app/user-dashboard/plans/components/plans-action-modal.tsx b/src/app/dashboard/user/plans/components/plans-action-modal.tsx similarity index 100% rename from src/app/user-dashboard/plans/components/plans-action-modal.tsx rename to src/app/dashboard/user/plans/components/plans-action-modal.tsx diff --git a/src/app/user-dashboard/plans/components/plansHeaderCard.tsx b/src/app/dashboard/user/plans/components/plansHeaderCard.tsx similarity index 100% rename from src/app/user-dashboard/plans/components/plansHeaderCard.tsx rename to src/app/dashboard/user/plans/components/plansHeaderCard.tsx diff --git a/src/app/user-dashboard/plans/components/plansTable.tsx b/src/app/dashboard/user/plans/components/plansTable.tsx similarity index 100% rename from src/app/user-dashboard/plans/components/plansTable.tsx rename to src/app/dashboard/user/plans/components/plansTable.tsx diff --git a/src/app/user-dashboard/plans/components/selector-input.tsx b/src/app/dashboard/user/plans/components/selector-input.tsx similarity index 100% rename from src/app/user-dashboard/plans/components/selector-input.tsx rename to src/app/dashboard/user/plans/components/selector-input.tsx diff --git a/src/app/user-dashboard/plans/plans.tsx b/src/app/dashboard/user/plans/plans.tsx similarity index 100% rename from src/app/user-dashboard/plans/plans.tsx rename to src/app/dashboard/user/plans/plans.tsx diff --git a/src/app/user-dashboard/profile/Complete.tsx b/src/app/dashboard/user/profile/Complete.tsx similarity index 100% rename from src/app/user-dashboard/profile/Complete.tsx rename to src/app/dashboard/user/profile/Complete.tsx diff --git a/src/app/user-dashboard/profile/PersonalDetails.tsx b/src/app/dashboard/user/profile/PersonalDetails.tsx similarity index 100% rename from src/app/user-dashboard/profile/PersonalDetails.tsx rename to src/app/dashboard/user/profile/PersonalDetails.tsx diff --git a/src/app/user-dashboard/profile/driversLicense.tsx b/src/app/dashboard/user/profile/driversLicense.tsx similarity index 100% rename from src/app/user-dashboard/profile/driversLicense.tsx rename to src/app/dashboard/user/profile/driversLicense.tsx diff --git a/src/app/user-dashboard/profile/incompleteUpload.tsx b/src/app/dashboard/user/profile/incompleteUpload.tsx similarity index 100% rename from src/app/user-dashboard/profile/incompleteUpload.tsx rename to src/app/dashboard/user/profile/incompleteUpload.tsx diff --git a/src/app/user-dashboard/profile/kyc.tsx b/src/app/dashboard/user/profile/kyc.tsx similarity index 100% rename from src/app/user-dashboard/profile/kyc.tsx rename to src/app/dashboard/user/profile/kyc.tsx diff --git a/src/app/user-dashboard/profile/nationalID.tsx b/src/app/dashboard/user/profile/nationalID.tsx similarity index 100% rename from src/app/user-dashboard/profile/nationalID.tsx rename to src/app/dashboard/user/profile/nationalID.tsx diff --git a/src/app/user-dashboard/profile/passport.tsx b/src/app/dashboard/user/profile/passport.tsx similarity index 100% rename from src/app/user-dashboard/profile/passport.tsx rename to src/app/dashboard/user/profile/passport.tsx diff --git a/src/app/user-dashboard/profile/pending.tsx b/src/app/dashboard/user/profile/pending.tsx similarity index 100% rename from src/app/user-dashboard/profile/pending.tsx rename to src/app/dashboard/user/profile/pending.tsx diff --git a/src/app/user-dashboard/profile/profile.tsx b/src/app/dashboard/user/profile/profile.tsx similarity index 100% rename from src/app/user-dashboard/profile/profile.tsx rename to src/app/dashboard/user/profile/profile.tsx diff --git a/src/app/user-dashboard/profile/selfieVerification.tsx b/src/app/dashboard/user/profile/selfieVerification.tsx similarity index 100% rename from src/app/user-dashboard/profile/selfieVerification.tsx rename to src/app/dashboard/user/profile/selfieVerification.tsx diff --git a/src/app/user-dashboard/profile/uploadDocument.tsx b/src/app/dashboard/user/profile/uploadDocument.tsx similarity index 100% rename from src/app/user-dashboard/profile/uploadDocument.tsx rename to src/app/dashboard/user/profile/uploadDocument.tsx diff --git a/src/app/user-dashboard/profile/verificationProgress.tsx b/src/app/dashboard/user/profile/verificationProgress.tsx similarity index 100% rename from src/app/user-dashboard/profile/verificationProgress.tsx rename to src/app/dashboard/user/profile/verificationProgress.tsx diff --git a/src/app/user-dashboard/profile/verified.tsx b/src/app/dashboard/user/profile/verified.tsx similarity index 100% rename from src/app/user-dashboard/profile/verified.tsx rename to src/app/dashboard/user/profile/verified.tsx diff --git a/src/app/user-dashboard/support/support.tsx b/src/app/dashboard/user/support/support.tsx similarity index 100% rename from src/app/user-dashboard/support/support.tsx rename to src/app/dashboard/user/support/support.tsx diff --git a/src/app/layout.tsx b/src/app/layout.tsx index b9b9ff8..43752de 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -4,7 +4,10 @@ import "./globals.css"; import ClientProviders from "@/components/client-providers"; import { WalletProvider } from "@/components/wallet-connect-context"; -export const metadata: Metadata = METADATA_CONFIG; +// export const metadata: Metadata = METADATA_CONFIG; +export const metadata: Metadata = { + title: "InheritX", +}; export default function RootLayout({ children, diff --git a/src/app/page.tsx b/src/app/page.tsx index 711ef35..08cef94 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -3,6 +3,8 @@ import Hero from "@/components/home/Hero"; import Navbar from "@/components/Navbar"; import Footer from "@/components/Footer"; +import { useAccount } from "@starknet-react/core"; +import { useEffect } from "react"; const metadata = { title: "Landing page | InheritX", @@ -19,6 +21,13 @@ import Footer from "@/components/Footer"; }; export default function Home() { + const { account } = useAccount() + + useEffect(() => { + if (account) { + window.location.href = "/dashboard/user"; + } + },[account?.address]) return ( <> diff --git a/src/app/useContext/WalletContext.tsx b/src/app/useContext/WalletContext.tsx index 8548747..3e08738 100644 --- a/src/app/useContext/WalletContext.tsx +++ b/src/app/useContext/WalletContext.tsx @@ -4,20 +4,22 @@ import React, { createContext, useContext } from "react"; import { useConnect, useAccount, useDisconnect } from "@starknet-react/core"; interface WalletContextProps { - account: string | null; + account: string | undefined; connectWallet: () => void; disconnectWallet: () => void; + isConnected:boolean | undefined } const WalletContext = createContext({ - account: null, + account: undefined, connectWallet: () => {}, - disconnectWallet: () => {}, + disconnectWallet: () => { }, + isConnected:false, }); export const WalletProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => { const { connect, connectors } = useConnect(); - const { address } = useAccount(); + const { address,isConnected } = useAccount(); const { disconnect } = useDisconnect(); const connectWallet = () => { @@ -32,9 +34,10 @@ export const WalletProvider: React.FC<{ children: React.ReactNode }> = ({ childr return ( {children} diff --git a/src/app/user-dashboard/component/MobileNav.tsx b/src/app/user-dashboard/component/MobileNav.tsx deleted file mode 100644 index ff660f5..0000000 --- a/src/app/user-dashboard/component/MobileNav.tsx +++ /dev/null @@ -1,121 +0,0 @@ -'use client'; - -import { motion, AnimatePresence } from 'framer-motion'; -import Image from 'next/image'; -import { useContext } from 'react'; -import { X, Plus } from 'lucide-react'; -import { MdOutlineKeyboardArrowDown } from 'react-icons/md'; -import { DashBoardContext } from '../../useContext/dashboardContext'; -import { useWalletContext } from '../../useContext/WalletContext'; -import dashboardIcon from '../../../../public/svg/dashboardIcon.svg'; -import assetsIcon from '../../../../public/svg/assetsIcon.svg'; -import plansIcon from '../../../../public/svg/plansIcon.svg'; -import exchangeIcon from '../../../../public/svg/exchangeIcon.svg'; -import claimsIcon from '../../../../public/svg/claimsIcons.svg'; -import notificationIcon from '../../../../public/svg/bell.svg'; -import advisoryIcon from '../../../../public/svg/advisoryIcons.svg'; -import ProfileIcon from '../../../../public/svg/profileIcon.svg'; -import SupportIcon from '../../../../public/svg/SupportIcon.svg'; -import Avatar from '../../../../public/svg/Avatar.svg'; -import Logo from '../../../../public/svg/whitelogo.svg'; - -interface MobileNavProps { - isOpen: boolean; - onClose: () => void; -} - -export function MobileNav({ isOpen, onClose }: MobileNavProps) { - const { activeSection, setActiveSection: onSectionChange } = - useContext(DashBoardContext); - const { account, disconnectWallet } = useWalletContext(); - - const menuItems = [ - { icon: dashboardIcon, label: 'Dashboard', section: 'home' }, - { icon: assetsIcon, label: 'Assets', section: 'assets' }, - { icon: plansIcon, label: 'Plans', section: 'plans' }, - { icon: exchangeIcon, label: 'Exchange', section: 'exchange' }, - { icon: claimsIcon, label: 'Claims', section: 'claims' }, - { icon: notificationIcon, label: 'Notification', section: 'notification' }, - { icon: advisoryIcon, label: 'Advisory', section: 'advisory' }, - { icon: ProfileIcon, label: 'Profile', section: 'profile' }, - { icon: SupportIcon, label: 'Support', section: 'support' }, - ]; - - return ( - - {isOpen && ( - <> - - -
-
- InheritX Logo - -
- - -
- - {/* User Profile Section at Bottom */} -
-
- Avatar - - {account ? account : 'Not connected'} - - - -
-
- - - )} - - ); -} diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx index 14eca4d..9ed9fe9 100644 --- a/src/components/Navbar.tsx +++ b/src/components/Navbar.tsx @@ -1,6 +1,3 @@ - - - "use client"; import React, { useState } from "react"; @@ -14,6 +11,7 @@ import Image from "next/image"; import Link from "next/link"; import navLogo from "@/svg/Logo.svg"; import { ConnectButton } from "./connect-button"; +import { useWalletContext } from "@/app/useContext/WalletContext"; interface NavLink { name: string; @@ -31,7 +29,7 @@ interface WalletDisconnectModalProps { } // Simple disconnect modal component -const WalletDisconnectModal: React.FC = ({ +export const WalletDisconnectModal: React.FC = ({ isOpen, onClose, onDisconnect, diff --git a/src/components/Wallet-disconnect-modal.tsx b/src/components/Wallet-disconnect-modal.tsx index 7eeb0b8..fdffad9 100644 --- a/src/components/Wallet-disconnect-modal.tsx +++ b/src/components/Wallet-disconnect-modal.tsx @@ -103,7 +103,7 @@ export default function WalletDisconnectModal({