-
-
- {/* Desktop Table View (hidden on mobile) */}
- Validators
-
- View All
-
-
-
-
-
-
-
- {/* Mobile Card View (visible only on mobile) */}
- | Name | -Wallet Address | -Reviewed Projects | -Proficiency | -Status | -Action | -
|---|---|---|---|---|---|
|
- |
-
- |
-
- |
-
- |
-
- |
-
-
- View Profile
-
- |
-
- {validators.map((validator, index) => (
-
-
- ))}
+
-
-
-
-
- - {validator.name} -
- - {validator.status} - -
-
-
-
- Wallet Address:
- {validator.walletAddress}
-
-
-
- Reviewed Projects:
-
- {validator.reviewedProjects}
-
-
-
-
- Proficiency:
- {validator.proficiency}
-
-
-
-
-
+
- );
-};
-
-const AdminDashboard = () => {
- return (
-
+
-
- {/* Stats Grid */}
-
- {stats.map((stat) => (
-
);
-};
+}
-export default AdminDashboard;
+export default page;
diff --git a/src/app/dashboard/admin/page.tsx b/src/app/dashboard/admin/page.tsx
index caef1f7..ed258f0 100644
--- a/src/app/dashboard/admin/page.tsx
+++ b/src/app/dashboard/admin/page.tsx
@@ -1,10 +1,16 @@
-import React from "react";
-import AdminDashboard from "./overview/page";
+"use client";
-const page = () => {
- return
+
-
- {/* Recent Activity */}
-
-
;
+import { useEffect } from "react";
+import { useRouter } from "next/navigation";
+
+const Page = () => {
+ const router = useRouter();
+
+ useEffect(() => {
+ router.replace("/dashboard/admin/overview");
+ }, [router]);
+
+ return null;
};
-export default page;
+export default Page;
diff --git a/src/app/dashboard/admin/projects/page.tsx b/src/app/dashboard/admin/projects/page.tsx
index ef263cf..e284e67 100644
--- a/src/app/dashboard/admin/projects/page.tsx
+++ b/src/app/dashboard/admin/projects/page.tsx
@@ -2,50 +2,28 @@
import React from "react";
-import Image from "next/image";
-import { StatCard } from "../../components/resuables/StatsCard";
import ProjectTable from "@/components/dashboard/projects/project-table";
+import StatCard from "../../components/resuables/StatCard";
// Example Stats Data
const stats = [
{
- id: 1,
- icon: (
-
+
{/* Stats Cards */}
- {stats.map((stat) => (
+ {stats.map((stat, id) => (
-
))}
{/*
diff --git a/src/app/dashboard/admin/rankings/page.tsx b/src/app/dashboard/admin/rankings/page.tsx
new file mode 100644
index 0000000..2cb5717
--- /dev/null
+++ b/src/app/dashboard/admin/rankings/page.tsx
@@ -0,0 +1,5 @@
+function page() {
+ return
page
;
+}
+
+export default page;
diff --git a/src/app/dashboard/admin/researchers/page.tsx b/src/app/dashboard/admin/researchers/page.tsx
new file mode 100644
index 0000000..4583406
--- /dev/null
+++ b/src/app/dashboard/admin/researchers/page.tsx
@@ -0,0 +1,7 @@
+import React from "react";
+
+function page() {
+ return page
;
+}
+
+export default page;
diff --git a/src/app/dashboard/admin/support/components/SupportCard.tsx b/src/app/dashboard/admin/support/components/SupportCard.tsx
index 000785b..cced6a0 100644
--- a/src/app/dashboard/admin/support/components/SupportCard.tsx
+++ b/src/app/dashboard/admin/support/components/SupportCard.tsx
@@ -1,14 +1,12 @@
-
import Image from "next/image";
-import { StatCard } from "../../../components/resuables/StatsCard";
+// import { StatCard } from "../../../components/resuables/StatCard";
import open from "../../../../../../public/adminIcon/open.svg";
import resolevd from "../../../../../../public/adminIcon/resolved.svg";
import Inprog from "../../../../../../public/adminIcon/progress.svg";
-export default function SupportCard () {
-
-const stats = [
+export default function SupportCard() {
+ const stats = [
{
id: 1,
icon:
-
+ return (
+
+ id: 4,
+ icon:
-
- {stats.map((stat) => (
-
-
+
);
-};
\ No newline at end of file
+}
diff --git a/src/app/dashboard/admin/suspension/page.tsx b/src/app/dashboard/admin/suspension/page.tsx
new file mode 100644
index 0000000..4583406
--- /dev/null
+++ b/src/app/dashboard/admin/suspension/page.tsx
@@ -0,0 +1,7 @@
+import React from "react";
+
+function page() {
+ return
+
+
+ {/* {stats.map((stat) => (
+
+ page
;
+}
+
+export default page;
diff --git a/src/app/dashboard/components/RewardsStats.tsx b/src/app/dashboard/components/RewardsStats.tsx
index 3880adc..cd35e23 100644
--- a/src/app/dashboard/components/RewardsStats.tsx
+++ b/src/app/dashboard/components/RewardsStats.tsx
@@ -3,10 +3,10 @@
import type React from "react";
import { Animation } from "@/motion/Animation";
import { Wallet, DollarSign, ArrowRight } from "lucide-react";
-import { StatCard } from "./resuables/StatsCard";
import imgFour from "../../../../public/validatorIcons/valImgFour.svg";
import Image from "next/image";
+import StatsCard from "@/components/dashboard/projects/StatsCard";
interface RewardsStatsProps {
totalEarnings: string;
@@ -21,13 +21,13 @@ export function RewardsStats({
}: RewardsStatsProps) {
return (
- = {
+ admin: "Admin Dashboard",
+ "project-owner": "Project Owner Dashboard",
+ researcher: "Researcher Dashboard",
+ validator: "Validator Dashboard",
};
- const capitalizedTitle = getPageTitle().replace("-", " ");
-
- const handleCopy = () => {
- navigator.clipboard.writeText(walletAddress);
- setCopied(true);
- setTimeout(() => setCopied(false), 1500);
- };
+ const capitalizedTitle = titleMap[dashboardType] || "Dashboard";
const navItemVariants = {
hidden: { opacity: 0, y: -10 },
@@ -84,104 +41,42 @@ const Header = () => {
},
};
- interface Notification {
- id: number;
- type: "urgent" | "fund release" | "Bounty Paid Out" | "New submission";
- title: string;
- description: string;
- actionText: string;
- timeAgo: string;
- imageSrc: string;
- }
-
- const notifications: Notification[] = [
- {
- id: 1,
- type: "urgent",
- title: "Vulnerability Found!",
- description:
- "A critical vulnerability has been reported in your project SecureChain. Immediate action is required!",
- actionText: "View Report",
- timeAgo: "2 mins ago",
- imageSrc: "/notification-icons/urgent.png",
- },
- {
- id: 2,
- type: "fund release",
- title: "",
- description:
- "Your escrow funds of 1,500 STRK (~$2,000) are now available for withdrawal.",
- actionText: "Withdraw Now",
- timeAgo: "10 mins ago",
- imageSrc: "/notification-icons/money-bag.png",
- },
- {
- id: 3,
- type: "Bounty Paid Out",
- title: "",
- description:
- "A researcher has received their bounty for their report on SecureChain.",
- actionText: "View Details",
- timeAgo: "1 hour ago",
- imageSrc: "/notification-icons/green-tick.png",
- },
- {
- id: 4,
- type: "New submission",
- title: "",
- description:
- "A security researcher submitted a new bug report. Please review and take action.",
- actionText: "Review Submission",
- timeAgo: "30 mins ago",
- imageSrc: "/notification-icons/file.png",
- },
- ];
-
- // --- Animation Variants ---
-
- const dropdownVariants: Variants = {
- hidden: { opacity: 0, scale: 0.95, y: -10 },
- visible: { opacity: 1, scale: 1, y: 0 },
- exit: { opacity: 0, scale: 0.95, y: -10, transition: { duration: 0.15 } },
- };
-
- const notificationItemVariants: Variants = {
- hidden: { opacity: 0, x: -20 },
- visible: { opacity: 1, x: 0 },
- };
-
- function bellActiveHandler() {
- setIsBellActive(false);
- }
-
return (
-
+
-
- {capitalizedTitle} -
+
+ 
+ {pathname?.startsWith("/dashboard") && (
+
+ {pathname?.startsWith("/dashboard") && (
+
+ {capitalizedTitle}
+
+ )}
+
- {/* Notification Bell */}
-
-
- {isBellActive && (
-
+
+
+
+
{/* Wallet Button */}
-
+
{
{/* Wallet Dropdown */}
{walletOpen && (
= ({
- {showNotification && (
-
-
diff --git a/src/app/dashboard/components/resuables/AnnoucmentSection.tsx b/src/app/dashboard/components/resuables/AnnoucmentSection.tsx
index 0a022ea..bdcb714 100644
--- a/src/app/dashboard/components/resuables/AnnoucmentSection.tsx
+++ b/src/app/dashboard/components/resuables/AnnoucmentSection.tsx
@@ -64,9 +64,7 @@ export const Announcements: React.FC
{announcements.map((announcement, index) => (
diff --git a/src/app/dashboard/components/resuables/DashboardNav.tsx b/src/app/dashboard/components/resuables/DashboardNav.tsx
new file mode 100644
index 0000000..6401c32
--- /dev/null
+++ b/src/app/dashboard/components/resuables/DashboardNav.tsx
@@ -0,0 +1,50 @@
+"use client";
+
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+
+function DashboardNav({
+ navItems,
+}: {
+ navItems: {
+ label: string;
+ href: string;
+ }[];
+}) {
+ const pathname = usePathname();
+ console.log(pathname);
+
+ return (
+
+ {navItems.map((item, id) => {
+ const isActive = pathname === item.href;
+
+ return (
+
+
+ );
+}
+
+export default DashboardNav;
diff --git a/src/app/dashboard/components/resuables/Notification-modal.tsx b/src/app/dashboard/components/resuables/Notification-modal.tsx
index 3778493..32005de 100644
--- a/src/app/dashboard/components/resuables/Notification-modal.tsx
+++ b/src/app/dashboard/components/resuables/Notification-modal.tsx
@@ -1,4 +1,4 @@
-import { ScrollArea } from "@/components/ui/scroll-area";
+import { DropdownMenuContent } from "@/components/ui/dropdown-menu";
import { motion, Variants } from "framer-motion";
type Notification = {
@@ -11,7 +11,7 @@ type Notification = {
imageSrc: string;
};
-const notifications: Notification[] = [
+const dummy_notifications: Notification[] = [
{
id: 1,
type: "urgent",
@@ -25,7 +25,7 @@ const notifications: Notification[] = [
{
id: 2,
type: "fund release",
- title: "",
+ title: "Fund Released",
description:
"Your escrow funds of 1,500 STRK (~$2,000) are now available for withdrawal.",
actionText: "Withdraw Now",
@@ -35,7 +35,7 @@ const notifications: Notification[] = [
{
id: 3,
type: "Bounty Paid Out",
- title: "",
+ title: "Bounty Paid Out",
description:
"A researcher has received their bounty for their report on SecureChain.",
actionText: "View Details",
@@ -45,7 +45,7 @@ const notifications: Notification[] = [
{
id: 4,
type: "New submission",
- title: "",
+ title: "New submission",
description:
"A security researcher submitted a new bug report. Please review and take action.",
actionText: "Review Submission",
@@ -54,108 +54,44 @@ const notifications: Notification[] = [
},
];
-export default function NotificationModal({ setIsBellActive }: { setIsBellActive:()=>void }) {
- // --- Animation Variants ---
-
- const dropdownVariants: Variants = {
- hidden: { opacity: 0, scale: 0.95, y: -10 },
- visible: { opacity: 1, scale: 1, y: 0 },
- exit: { opacity: 0, scale: 0.95, y: -10, transition: { duration: 0.15 } },
- };
-
+export default function NotificationModal() {
const notificationItemVariants: Variants = {
hidden: { opacity: 0, x: -20 },
visible: { opacity: 1, x: 0 },
};
+
return (
-
+ {item.label}
+
+
+ );
+ })}
+
-
-
+
- {notifications.map((notification, index) => (
-
-
);
-}
\ No newline at end of file
+}
diff --git a/src/app/dashboard/components/resuables/OverviewCardExpandable.tsx b/src/app/dashboard/components/resuables/OverviewCardExpandable.tsx
new file mode 100644
index 0000000..15b98af
--- /dev/null
+++ b/src/app/dashboard/components/resuables/OverviewCardExpandable.tsx
@@ -0,0 +1,39 @@
+import React from "react";
+
+function OverviewCardExpandable({
+ stat,
+ badgeStyle = "text-[#1BC100] bg-[#153710]",
+ children,
+}: {
+ stat: {
+ label: string;
+ value: string;
+ badgeText: string;
+ icon: React.ReactNode;
+ };
+ badgeStyle: string;
+ children: React.ReactNode;
+}) {
+ return (
+ = ({
- icon,
- value,
- label,
- // iconBgColor = "bg-neutral-800",
-}) => {
- return (
-
-
-
+
- setIsBellActive()}
- className="flex items-center p-2 bg-gray-600 rounded-full"
- aria-label="Close notifications panel"
- >
-
-
-
- Notifications
-
+
- Notifications
+ +
-
- 
-
-
- - [{notification.title.startsWith("[") ? "" : notification.type} - ] {notification.title} -
-+
+ {dummy_notifications.map((notification, index) => (
+
+
+
+ ))}
+
+
+
+ + Tuesday, July 1, 2025 - 8:00AM +
++ {notification.title} +
+{notification.description}
-
-
- [{notification.actionText}]
-
-
-
- ))}
-
- {notification.type === "urgent" ||
- notification.type === "New submission"
- ? "⏳"
- : "📅"}
- {notification.timeAgo}
-
-
-
-
-
-
- 
-
-
- Load More
+
+ );
+}
+
+export default OverviewCardExpandable;
diff --git a/src/app/dashboard/components/resuables/StatCard.tsx b/src/app/dashboard/components/resuables/StatCard.tsx
new file mode 100644
index 0000000..fb69911
--- /dev/null
+++ b/src/app/dashboard/components/resuables/StatCard.tsx
@@ -0,0 +1,32 @@
+import React from "react";
+
+function StatCard({
+ stat,
+ badgeStyle = "bg-[#153710] text-[#1BC100]",
+}: {
+ stat: {
+ label: string;
+ value: string;
+ icon: React.ReactNode;
+ badgeText: string;
+ };
+ badgeStyle: string;
+}) {
+ return (
+
+
+ {children}
+
+
+
+ {stat.label}
+ +{stat.value}
+ +
+ {stat.badgeText}
+
+ {stat.icon}
+
+
+ );
+}
+
+export default StatCard;
diff --git a/src/app/dashboard/components/resuables/StatsCard.tsx b/src/app/dashboard/components/resuables/StatsCard.tsx
deleted file mode 100644
index 65e57b7..0000000
--- a/src/app/dashboard/components/resuables/StatsCard.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import React from "react";
-import { Animation } from "@/motion/Animation";
-
-interface StatCardProps {
- icon: React.ReactNode;
- value: string | number;
- label: string;
- iconBgColor?: string;
- className?: string;
-}
-
-export const StatCard: React.FC
+
+
+ {stat.label}
+ +{stat.value}
+ +
+ {stat.badgeText}
+
+ {stat.icon}
+
-
-
-
-
-
-
-
-
- );
-};
diff --git a/src/app/dashboard/layout.tsx b/src/app/dashboard/layout.tsx
index ebceefe..f4498ec 100644
--- a/src/app/dashboard/layout.tsx
+++ b/src/app/dashboard/layout.tsx
@@ -6,10 +6,9 @@ import { ProjectsProvider } from "@/context/project-context";
const Layout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
return (
{icon}
- {value}
- {label}
-
-
-
+
diff --git a/src/app/dashboard/project-owner/layout.tsx b/src/app/dashboard/project-owner/layout.tsx
new file mode 100644
index 0000000..1466fea
--- /dev/null
+++ b/src/app/dashboard/project-owner/layout.tsx
@@ -0,0 +1,33 @@
+import DashboardNav from "../components/resuables/DashboardNav";
+
+export default function Layout({
+ children,
+}: Readonly<{
+ children: React.ReactNode;
+}>) {
+ const nav_items = [
+ { href: "/dashboard/project-owner/overview", label: "Overview" },
+ {
+ href: "/dashboard/project-owner/upload-project",
+ label: "Upload Project",
+ },
+ {
+ href: "/dashboard/project-owner/projects",
+ label: "View Projects",
+ },
+ {
+ href: "/dashboard/project-owner/rankings",
+ label: "Rankings",
+ },
+ {
+ href: "/dashboard/researcher/profile",
+ label: "Profile",
+ },
+ ];
+ return (
+
{children}
+
+ );
+}
diff --git a/src/app/dashboard/project-owner/overview/components/ReportHistory.tsx b/src/app/dashboard/project-owner/overview/components/ReportHistory.tsx
new file mode 100644
index 0000000..d746678
--- /dev/null
+++ b/src/app/dashboard/project-owner/overview/components/ReportHistory.tsx
@@ -0,0 +1,89 @@
+"use client";
+import {
+ XAxis,
+ YAxis,
+ ResponsiveContainer,
+ Tooltip,
+ BarChart,
+ Bar,
+} from "recharts";
+
+const dummy_users = [
+ {
+ Reports: 2,
+ Month: "Jan",
+ },
+ {
+ Reports: 4,
+ Month: "Feb",
+ },
+ {
+ Reports: 1,
+ Month: "Mar",
+ },
+ {
+ Reports: 0,
+ Month: "Apr",
+ },
+ {
+ Reports: 6,
+ Month: "May",
+ },
+ {
+ Reports: 1,
+ Month: "Jun",
+ },
+];
+
+function ReportHistory() {
+ return (
+
+
+ );
+}
+
+export default ReportHistory;
diff --git a/src/app/dashboard/project-owner/overview/page.tsx b/src/app/dashboard/project-owner/overview/page.tsx
index 5e054af..201a99f 100644
--- a/src/app/dashboard/project-owner/overview/page.tsx
+++ b/src/app/dashboard/project-owner/overview/page.tsx
@@ -1,128 +1,74 @@
-import React from "react";
-import { ClipboardList, Shield, BarChart3, Wallet, Users } from "lucide-react";
-import { ActionButton } from "../../components/resuables/ActionButton";
-import { StatCard } from "../../components/resuables/StatsCard";
-import { RecentActivity } from "../../components/resuables/RecentActivity";
-import Image from "next/image";
-import infoOne from "../../../../../public/overviewIcons/infoOne.svg";
-import infoTwo from "../../../../../public/overviewIcons/infoTwo.svg";
-import infoThree from "../../../../../public/overviewIcons/infoThree.svg";
-import statsOne from "../../../../../public/overviewIcons/statsOne.svg";
-import statsTwo from "../../../../../public/overviewIcons/statsTwo.svg";
-import statsThree from "../../../../../public/overviewIcons/statsThree.svg";
-import statsFour from "../../../../../public/overviewIcons/statsFour.svg";
-import { ProjectOwnerActionButton } from "../../components/resuables/ProjectOwnerActionButton";
+import StatCard from "@/app/dashboard/components/resuables/StatCard";
+import { CircleDollarSign, FileText, FolderOpen } from "lucide-react";
+import ReportHistory from "./components/ReportHistory";
-const Overview = () => {
- const actionButtons = [
- {
- id: 1,
- icon: Report History
+
+
+
+
+
+
+
- {/* Action Buttons */}
-
- {actionButtons.map((btn) => (
-
-
- {/* Stats Grid */}
-
- {stats.map((stat) => (
-
+ ;
-
-export default function Page() {
- const {
- register,
- handleSubmit,
- control,
- formState: { errors, isSubmitting },
- } = useForm({
- resolver: zodResolver(schema),
- });
-
- const onSubmit = (data: FormData) => {
- // data.document is a FileList; access via data.document[0]
- console.log(data);
- };
-
- // Custom dropdown state & refs
- const [open, setOpen] = useState(false);
- const ref = useRef(null);
- const options = [
- { label: "General Inquiry", value: "general" },
- { label: "Support", value: "support" },
- { label: "Feedback", value: "feedback" },
- ];
-
- // Close dropdown on outside click
- useEffect(() => {
- const onClick = (e: MouseEvent) => {
- if (ref.current && !ref.current.contains(e.target as Node)) {
- setOpen(false);
- }
- };
- document.addEventListener("mousedown", onClick);
- return () => document.removeEventListener("mousedown", onClick);
- }, []);
-
- // --- Animation Variants ---
-
- const containerVariants: Variants = {
- hidden: { opacity: 0 },
- visible: {
- opacity: 1,
- transition: {
- staggerChildren: 0.1, // Stagger animation of children
- },
- },
- };
-
- const itemVariants: Variants = {
- hidden: { opacity: 0, y: 20 },
- visible: {
- opacity: 1,
- y: 0,
- transition: {
- duration: 0.4,
- ease: "easeOut",
- },
- },
- };
-
- const dropdownVariants: Variants = {
- hidden: { opacity: 0, scale: 0.95, y: -10 },
- visible: {
- opacity: 1,
- scale: 1,
- y: 0,
- transition: { duration: 0.2, ease: "easeOut" },
- },
- exit: {
- opacity: 0,
- scale: 0.95,
- y: -10,
- transition: { duration: 0.15, ease: "easeIn" },
- },
- };
-
- const errorVariants: Variants = {
- hidden: { opacity: 0, height: 0, y: -10, marginTop: 0 },
- visible: {
- opacity: 1,
- height: "auto",
- y: 0,
- marginTop: "0.25rem",
- transition: { duration: 0.2 },
- },
- exit: {
- opacity: 0,
- height: 0,
- y: -5,
- marginTop: 0,
- transition: { duration: 0.15 },
- },
- };
-
- return (
-
-
- );
-}
diff --git a/src/app/dashboard/researcher/layout.tsx b/src/app/dashboard/researcher/layout.tsx
new file mode 100644
index 0000000..4982325
--- /dev/null
+++ b/src/app/dashboard/researcher/layout.tsx
@@ -0,0 +1,33 @@
+import DashboardNav from "../components/resuables/DashboardNav";
+
+export default function Layout({
+ children,
+}: Readonly<{
+ children: React.ReactNode;
+}>) {
+ const nav_items = [
+ { href: "/dashboard/researcher/overview", label: "Overview" },
+ {
+ href: "/dashboard/researcher/projects",
+ label: "Projects",
+ },
+ {
+ href: "/dashboard/researcher/my-reports",
+ label: "My Report",
+ },
+ {
+ href: "/dashboard/researcher/rankings",
+ label: "Rankings",
+ },
+ {
+ href: "/dashboard/researcher/profile",
+ label: "Profile",
+ },
+ ];
+ return (
+
+ {dummy_stats.map((stat, id) => (
+
+
+
);
-};
+}
-export default Overview;
+export default page;
diff --git a/src/app/dashboard/project-owner/page.tsx b/src/app/dashboard/project-owner/page.tsx
index f0f84c4..cfaa44e 100644
--- a/src/app/dashboard/project-owner/page.tsx
+++ b/src/app/dashboard/project-owner/page.tsx
@@ -1,7 +1,16 @@
-import { redirect } from "next/navigation";
+"use client";
-const page = () => {
- redirect("/dashboard/project-owner/overview");
+import { useEffect } from "react";
+import { useRouter } from "next/navigation";
+
+const Page = () => {
+ const router = useRouter();
+
+ useEffect(() => {
+ router.replace("/dashboard/project-owner/overview");
+ }, [router]);
+
+ return null;
};
-export default page;
+export default Page;
diff --git a/src/app/dashboard/project-owner/rankings/page.tsx b/src/app/dashboard/project-owner/rankings/page.tsx
new file mode 100644
index 0000000..4583406
--- /dev/null
+++ b/src/app/dashboard/project-owner/rankings/page.tsx
@@ -0,0 +1,7 @@
+import React from "react";
+
+function page() {
+ return
+
Note:
+Quick tips to get you started.
- {/* Recent Activity */} -
-
-
+
- Please fund the audit with USDC on Starknet chain. +
- + Security researchers and validators can proceed with the audit + once there's an adequate bounty amount. + +
- + It would be helpful to set a reasonable timeframe for the audit. + +
- + After the audit is completed, reports will be shared to guide the + developers of the audited project in making any necessary changes. + +
- You can download the audit certificate on successful audit +
- Make your audit smart contract github repo public +
page
;
+}
+
+export default page;
diff --git a/src/app/dashboard/project-owner/upload-project/page.tsx b/src/app/dashboard/project-owner/upload-project/page.tsx
new file mode 100644
index 0000000..4583406
--- /dev/null
+++ b/src/app/dashboard/project-owner/upload-project/page.tsx
@@ -0,0 +1,7 @@
+import React from "react";
+
+function page() {
+ return page
;
+}
+
+export default page;
diff --git a/src/app/dashboard/researcher/help-center/page.tsx b/src/app/dashboard/researcher/help-center/page.tsx
deleted file mode 100644
index 95903be..0000000
--- a/src/app/dashboard/researcher/help-center/page.tsx
+++ /dev/null
@@ -1,387 +0,0 @@
-"use client";
-
-import React, { useState, useRef, useEffect } from "react";
-import * as z from "zod";
-import { useForm, Controller } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { motion, AnimatePresence, Variants } from "framer-motion";
-
-const MAX_FILE_SIZE = 5 * 1024 * 1024; // 5 MB
-const ACCEPTED_FILE_TYPES = [
- "application/pdf",
- "image/jpeg",
- "image/png",
- "image/webp",
-];
-
-const schema = z.object({
- email: z.string().email("Invalid email address"),
- subject: z.string().nonempty("Subject is required"),
- message: z.string().nonempty("Message is required"),
- document: z
- .any()
- .refine((files: FileList) => {
- if (!files?.length) return true; // optional
- return files[0].size <= MAX_FILE_SIZE;
- }, "File must be ≤ 5 MB")
- .refine((files: FileList) => {
- if (!files?.length) return true;
- return ACCEPTED_FILE_TYPES.includes(files[0].type);
- }, "Unsupported file type"),
-});
-
-type FormData = z.infer
-
- Submit a Request
-
-
-
-
+
+ );
+}
diff --git a/src/app/dashboard/researcher/my-reports/page.tsx b/src/app/dashboard/researcher/my-reports/page.tsx
new file mode 100644
index 0000000..4583406
--- /dev/null
+++ b/src/app/dashboard/researcher/my-reports/page.tsx
@@ -0,0 +1,7 @@
+import React from "react";
+
+function page() {
+ return page
;
+}
+
+export default page;
diff --git a/src/app/dashboard/researcher/overview/components/ReportsApproved.tsx b/src/app/dashboard/researcher/overview/components/ReportsApproved.tsx
new file mode 100644
index 0000000..c69130e
--- /dev/null
+++ b/src/app/dashboard/researcher/overview/components/ReportsApproved.tsx
@@ -0,0 +1,36 @@
+"use client";
+import React, { useState } from "react";
+
+function ReportsApproved() {
+ const [score] = useState("92.42");
+ return (
+
+
+ );
+}
+
+export default ReportsApproved;
diff --git a/src/app/dashboard/researcher/overview/components/ReportsSubmitted.tsx b/src/app/dashboard/researcher/overview/components/ReportsSubmitted.tsx
new file mode 100644
index 0000000..5829475
--- /dev/null
+++ b/src/app/dashboard/researcher/overview/components/ReportsSubmitted.tsx
@@ -0,0 +1,81 @@
+import { Clock } from "lucide-react";
+import React from "react";
+
+const dummy_alerts = [
+ {
+ title: "Smart contract audit",
+ priority: "high",
+ time_passed: "30 mins ago",
+ },
+ {
+ title: "Smart contract audit",
+ priority: "medium",
+ time_passed: "1 hour ago",
+ },
+ {
+ title: "Smart contract audit",
+ priority: "low",
+ time_passed: "1 day ago",
+ },
+];
+
+function AlertCard({
+ alert,
+}: {
+ alert: {
+ title: string;
+ priority: string;
+ time_passed: string;
+ };
+}) {
+ function priority_class() {
+ if (alert.priority === "high") {
+ return "bg-[#401D1D] text-[#EF4343]";
+ }
+ if (alert.priority === "medium") {
+ return "bg-[#373510] text-[#C1B700]";
+ }
+ if (alert.priority === "low") {
+ return "bg-[#10273E] text-[#0073E6]";
+ }
+ }
+ return (
+ Report Stats
+
+
+ Report Score
+ +{score}%
+
+
+
+
+
+ Total Reports
+ +4
+1 pending review
+
+
+ Approval Rate
+ +3/4
+Correct Report
+
+
+ );
+}
+
+function ReportsSubmitted() {
+ return (
+
+
+ {alert.title}
+
+ Priority: {alert.priority}
+
+
+
+
+
+ );
+}
+
+export default ReportsSubmitted;
diff --git a/src/app/dashboard/researcher/overview/components/TokenEarnings.tsx b/src/app/dashboard/researcher/overview/components/TokenEarnings.tsx
new file mode 100644
index 0000000..bbb11ae
--- /dev/null
+++ b/src/app/dashboard/researcher/overview/components/TokenEarnings.tsx
@@ -0,0 +1,30 @@
+"use client";
+import React, { useState } from "react";
+
+function TokenEarnings() {
+ const [reputation] = useState("91");
+ return (
+ New Project Alerts
+ {dummy_alerts.map((alert, id) => ( +
+
+ );
+}
+
+export default TokenEarnings;
diff --git a/src/app/dashboard/researcher/overview/page.tsx b/src/app/dashboard/researcher/overview/page.tsx
index 0b03a1c..603d019 100644
--- a/src/app/dashboard/researcher/overview/page.tsx
+++ b/src/app/dashboard/researcher/overview/page.tsx
@@ -1,148 +1,45 @@
import React from "react";
-import {
- File,
- Clock,
- CheckCircle,
- AlertTriangle,
- BadgeDollarSign,
-} from "lucide-react";
-import { StatCard } from "../../components/resuables/StatsCard";
-import { RecentReports } from "../../components/resuables/TableComponents";
-import { Announcements } from "../../components/resuables/AnnoucmentSection";
-import Image from "next/image";
-import statsOne from "../../../../../public/researcherIcon/reStatsOne.svg";
-import statsTwo from "../../../../../public/researcherIcon/reSttatsTwo.svg";
-import statsThree from "../../../../../public/researcherIcon/reStatsThree.svg";
-import statsFour from "../../../../../public/researcherIcon/reStatsFour.svg";
-import statsFive from "../../../../../public/researcherIcon/reStatsFive.svg";
-import hourglass from "../../../../../public/researcherIcon/hourGlass.svg";
-import calendar from "../../../../../public/researcherIcon/calendarImg.svg";
-
-const Overview = () => {
- // Data for stat cards
- const statCardsData = [
- {
- icon: Performance Snapshot
+
+
+ Rank
+ +#23
+Out of 247 researchers
+
+
+ Reputation
+ +{reputation}%
+
+
+
+
- {/* Stat Cards Section */}
- (null);
-
- useEffect(() => {
- if (reportId) {
- setTimeout(() => {
- const data = getReportData(reportId);
- setReportData(data);
- setLoading(false);
- }, 300);
- }
- }, [reportId]);
+ // Use the useGetReport hook to fetch full report data (blockchain + IPFS)
+ const { report, loading, error, isEmpty, refetch } = useGetReport(Number(reportId));
+
+ // Handle loading state
if (loading) {
return (
- {statCardsData.map((card, index) => (
-
-
- {/* Recent Reports Section */}
-
-
-
- {/* Announcements Section */}
-
-
+
+
);
-};
+}
-export default Overview;
+export default page;
diff --git a/src/app/dashboard/researcher/page.tsx b/src/app/dashboard/researcher/page.tsx
index 8a05568..b8747aa 100644
--- a/src/app/dashboard/researcher/page.tsx
+++ b/src/app/dashboard/researcher/page.tsx
@@ -1,7 +1,16 @@
-import { redirect } from "next/navigation";
+"use client";
-const page = () => {
- redirect("/dashboard/researcher/overview");
+import { useEffect } from "react";
+import { useRouter } from "next/navigation";
+
+const Page = () => {
+ const router = useRouter();
+
+ useEffect(() => {
+ router.replace("/dashboard/researcher/overview");
+ }, [router]);
+
+ return null;
};
-export default page;
+export default Page;
diff --git a/src/app/dashboard/researcher/profile/page.tsx b/src/app/dashboard/researcher/profile/page.tsx
new file mode 100644
index 0000000..4583406
--- /dev/null
+++ b/src/app/dashboard/researcher/profile/page.tsx
@@ -0,0 +1,7 @@
+import React from "react";
+
+function page() {
+ return page
;
+}
+
+export default page;
diff --git a/src/app/dashboard/researcher/rankings/page.tsx b/src/app/dashboard/researcher/rankings/page.tsx
new file mode 100644
index 0000000..4583406
--- /dev/null
+++ b/src/app/dashboard/researcher/rankings/page.tsx
@@ -0,0 +1,7 @@
+import React from "react";
+
+function page() {
+ return page
;
+}
+
+export default page;
diff --git a/src/app/dashboard/researcher/reports/success/[id]/page.tsx b/src/app/dashboard/researcher/reports/success/[id]/page.tsx
index ca6c00e..71010d4 100644
--- a/src/app/dashboard/researcher/reports/success/[id]/page.tsx
+++ b/src/app/dashboard/researcher/reports/success/[id]/page.tsx
@@ -1,7 +1,5 @@
-// pages/reports/success.tsx or app/reports/success/page.tsx (depending on your Next.js version)
"use client";
-import { useState, useEffect} from 'react';
import { ReportLayout } from '../../ReportLayout';
import { useParams } from 'next/navigation';
import { ReportHeader } from '../../../../components/report/ReportHeader';
@@ -9,56 +7,17 @@ import { ReportInfoSection } from '../../../../components/report/ReportInfoSecti
import { ReportTextSection } from '../../../../components/report/ReportTextSection';
import { ImageGallery } from '../../../../components/report/ImageGallery';
import { SuccessActions } from '../../../../components/report/ActionButtons';
+import { useGetReport } from '@/hooks/useGetReport';
-const getReportData = (id: string) => {
- // This would typically be an API call
- return {
- id,
- title: "Local File Inclusion (LFI) on Home Page – https://example.com/home",
- status: "Fixed",
- severity: "High",
- cvssScore: "8.6",
- vulnerableUrl: "https://example.com/home - Home Page",
- vulnerableParam: "Broken Access Control",
- description: "Attackers can exploit the Filename parameter to access sensitive files (e.g., /etc/passwd) by sending a crafted request, exposing critical server data.",
- impact: "The vulnerability of Local File Inclusion (LFI) on the home page \"https://example.com/home\" can be attributed to the impact of the filename parameter. This vulnerability allows an attacker to manipulate the filename parameter in the URL to include arbitrary local files from the server.",
- stepsToReproduce: (
- -
-
- Go to the Home Page (https://example.com/home). -
- Select any file from the selection section. -
- Intercept the request in the Burp Suite Proxy tool and send it to the request repeater tab in Burp Suite Proxy tool. -
-
-
- Implement input validation and sanitize user input to prevent the inclusion of unauthorized file paths or malicious input. -
- Avoid using user-supplied input directly in file inclusion functions. Instead, use a whitelist approach or predefined file mappings. -
@@ -67,14 +26,65 @@ const Success = () => {
);
}
- if (!reportData) {
+ // Handle simple error state
+ if (error) {
return (
-
- {children}
-
+
+ {children}
+
- )
+ );
}
diff --git a/src/components/address-bar.tsx b/src/components/address-bar.tsx
new file mode 100644
index 0000000..402ef99
--- /dev/null
+++ b/src/components/address-bar.tsx
@@ -0,0 +1,33 @@
+import { useAccount } from "@starknet-react/core";
+import { Ellipsis } from "lucide-react";
+import React from "react";
+
+function AddressBar() {
+ const { address } = useAccount();
+ return (
+
-
+ );
+ }
+
+ // Handle empty state
+ if (isEmpty || !report) {
+ return (
+ Report not found
+
+
+ Report Not Found
++ The report with ID {reportId} could not be found. +
+ +
+
);
}
-
+
+ const reportData = {
+ id: report.id,
+ title: report.title || "",
+ status: report.status || "Unknown",
+ severity: report.severity || "Medium",
+ cvssScore: report.cvssScore?.toString() || "0",
+ vulnerableUrl: report.url || report.report_uri || "",
+ vulnerableParam: report.vulnerableParameter || "",
+ description: report.vulnerabilityDescription || report.description || "",
+ impact: report.vulnerabilityImpact || "",
+ stepsToReproduce: report.stepsToReproduce && report.stepsToReproduce.length > 0 ? report.stepsToReproduce : null,
+ mitigation: report.mitigationSteps && report.mitigationSteps.length > 0 ? report.mitigationSteps : null,
+ pocImages: report.proofOfConcept && report.proofOfConcept.length > 0 ?
+ report.proofOfConcept.map((poc, index) => ({
+ src: poc,
+ alt: `PoC ${index + 1}`
+ })) : null
+ };
+
+
+
return (
+
Report Not Found
+The report with ID {reportId} could not be found.
+ +
@@ -90,40 +100,62 @@ const Success = () => {
vulnerableParam={reportData.vulnerableParam}
/>
-
);
diff --git a/src/app/dashboard/researcher/rewards/page.tsx b/src/app/dashboard/researcher/rewards/page.tsx
index 646d298..9f8d873 100644
--- a/src/app/dashboard/researcher/rewards/page.tsx
+++ b/src/app/dashboard/researcher/rewards/page.tsx
@@ -8,7 +8,7 @@ import { TransactionSuccessModal } from "@/components/dashboard/Transaction-succ
import { WithdrawalHistory } from "@/components/dashboard/Withdrawal-history";
import { WithdrawalHistoryModal } from "@/components/dashboard/Withdrawal-history-modal";
import { WithdrawalRequest } from "@/components/dashboard/Withdrawal-request";
-import { StatCard } from "../../components/resuables/StatsCard";
+import StatsCard from "@/components/dashboard/projects/StatsCard";
export default function RewardPage() {
const [showSuccessModal, setShowSuccessModal] = useState(false);
@@ -27,7 +27,7 @@ export default function RewardPage() {
<>
-
+ {reportData.description && (
+
+
+ )}
-
-
+ {reportData.impact && (
+
+
+ )}
-
-
+ {reportData.stepsToReproduce && (
+
+
+ {reportData.stepsToReproduce.map((step, index) => (
+ {step}
+ ))}
+
+ }
+ />
+
+ )}
-
-
+ {reportData.pocImages && (
+
+
+ )}
-
-
+ {reportData.mitigation && (
+
+
+ {reportData.mitigation.map((step, index) => (
+ {step}
+ ))}
+
+ }
+ />
+
+ )}
page
;
+}
+
+export default page;
diff --git a/src/app/dashboard/validator/layout.tsx b/src/app/dashboard/validator/layout.tsx
new file mode 100644
index 0000000..0d3c750
--- /dev/null
+++ b/src/app/dashboard/validator/layout.tsx
@@ -0,0 +1,33 @@
+import DashboardNav from "../components/resuables/DashboardNav";
+
+export default function Layout({
+ children,
+}: Readonly<{
+ children: React.ReactNode;
+}>) {
+ const nav_items = [
+ { href: "/dashboard/validator/overview", label: "Overview" },
+ {
+ href: "/dashboard/validator/reports",
+ label: "Reports",
+ },
+ {
+ href: "/dashboard/validator/assigned-projects",
+ label: "Assigned Projects",
+ },
+ {
+ href: "/dashboard/validator/rankings",
+ label: "Rankings",
+ },
+ {
+ href: "/dashboard/validator/profile",
+ label: "Profile",
+ },
+ ];
+ return (
+
+
+ );
+}
diff --git a/src/app/dashboard/validator/overview/components/AuditStats.tsx b/src/app/dashboard/validator/overview/components/AuditStats.tsx
new file mode 100644
index 0000000..aec2d36
--- /dev/null
+++ b/src/app/dashboard/validator/overview/components/AuditStats.tsx
@@ -0,0 +1,35 @@
+"use client";
+import React, { useState } from "react";
+
+function AuditStats() {
+ const [accuracy] = useState("92.42");
+ return (
+
+
+ );
+}
+
+export default AuditStats;
diff --git a/src/app/dashboard/validator/overview/components/PerformanceSnapshot.tsx b/src/app/dashboard/validator/overview/components/PerformanceSnapshot.tsx
new file mode 100644
index 0000000..605c9e1
--- /dev/null
+++ b/src/app/dashboard/validator/overview/components/PerformanceSnapshot.tsx
@@ -0,0 +1,30 @@
+"use client";
+import React, { useState } from "react";
+
+function PerformanceSnapshot() {
+ const [reputation] = useState("91");
+ return (
+ Audit Stats
+
+
+ Overall Accuracy
+ +{accuracy}%
+
+
+
+
+
+ Total Votes
+ +4
+1 pending review
+
+
+ Success Rate
+ +5/5
+
+
+ );
+}
+
+export default PerformanceSnapshot;
diff --git a/src/app/dashboard/validator/overview/components/ReportAlerts.tsx b/src/app/dashboard/validator/overview/components/ReportAlerts.tsx
new file mode 100644
index 0000000..ecbde2e
--- /dev/null
+++ b/src/app/dashboard/validator/overview/components/ReportAlerts.tsx
@@ -0,0 +1,81 @@
+import { Clock } from "lucide-react";
+import React from "react";
+
+const dummy_alerts = [
+ {
+ title: "Smart contract audit",
+ priority: "high",
+ time_passed: "30 mins ago",
+ },
+ {
+ title: "Smart contract audit",
+ priority: "medium",
+ time_passed: "1 hour ago",
+ },
+ {
+ title: "Smart contract audit",
+ priority: "low",
+ time_passed: "1 day ago",
+ },
+];
+
+function AlertCard({
+ alert,
+}: {
+ alert: {
+ title: string;
+ priority: string;
+ time_passed: string;
+ };
+}) {
+ function priority_class() {
+ if (alert.priority === "high") {
+ return "bg-[#401D1D] text-[#EF4343]";
+ }
+ if (alert.priority === "medium") {
+ return "bg-[#373510] text-[#C1B700]";
+ }
+ if (alert.priority === "low") {
+ return "bg-[#10273E] text-[#0073E6]";
+ }
+ }
+ return (
+ Performance Snapshot
+
+
+ Rank
+ +#23
+Out of 247 validators
+
+
+ Reputation
+ +{reputation}%
+
+
+
+
+
+ );
+}
+
+function ReportAlerts() {
+ return (
+
+
+ {alert.title}
+
+ Priority: {alert.priority}
+
+
+
+
+
+ );
+}
+
+export default ReportAlerts;
diff --git a/src/app/dashboard/validator/overview/page.tsx b/src/app/dashboard/validator/overview/page.tsx
index 33bc989..81fdcbc 100644
--- a/src/app/dashboard/validator/overview/page.tsx
+++ b/src/app/dashboard/validator/overview/page.tsx
@@ -1,166 +1,45 @@
import React from "react";
-// import Link from "next/link";
-import { ActionButton } from "../../components/resuables/ActionButton";
-import { StatCard } from "../../components/resuables/StatsCard";
-import {
- RecentReports,
- ValidatorRanking,
-} from "../../components/resuables/TableComponents";
-import { RecentActivity } from "../../components/resuables/RecentActivity";
-import Image from "next/image";
-import walletIcon from "../../../../../public/validatorIcons/valAction.svg";
-import imgOne from "../../../../../public/validatorIcons/valImgOne.svg";
-import imgTwo from "../../../../../public/validatorIcons/valImgTwo.svg";
-import imgThree from "../../../../../public/validatorIcons/valImgThree.svg";
-import imgFour from "../../../../../public/validatorIcons/valImgFour.svg";
-
-const Overview = () => {
- // Sample data for validator ranking
- const validatorData = [
- {
- rank: 1,
- validator: "0x1234...abcd",
- reportsValidated: 8,
- totalRewards: "$24,123.11",
- },
- {
- rank: 2,
- validator: "Daniel Ocheje",
- reportsValidated: 8,
- totalRewards: "$18,205.15",
- },
- {
- rank: 3,
- validator: "Aisha Murtala",
- reportsValidated: 7,
- totalRewards: "$16,355.11",
- },
- {
- rank: 4,
- validator: "Favour Stephen",
- reportsValidated: 7,
- totalRewards: "$12,804.78",
- },
- ];
-
- // Sample data for recent reports
- const reportsData = [
- {
- id: "#24084",
- projectName: "inheritX",
- primaryLanguage: "Cairo",
- severity: "Critical",
- status: "Approved",
- actionLink: "/dashboard/validator/reports",
- },
- {
- id: "#24084",
- projectName: "inheritX",
- primaryLanguage: "Cairo",
- severity: "Completed",
- status: "Rejected",
- actionLink: "/dashboard/validator/reports",
- },
- {
- id: "#24084",
- projectName: "inheritX",
- primaryLanguage: "Cairo",
- severity: "High",
- status: "Approved",
- actionLink: "/dashboard/validator/reports",
- },
- {
- id: "#24084",
- projectName: "inheritX",
- primaryLanguage: "Cairo",
- severity: "Completed",
- status: "Pending",
- actionLink: "/dashboard/validator/reports",
- },
- ];
-
- // Recent activity data
- const recentActivities = [
- {
- id: 1,
- title: "Account Created",
- subtitle: "Your account was successfully created",
- timestamp: "Today 4:55pm",
- },
- {
- id: 2,
- title: "Vulnerability Report Added to Bookmarks",
- subtitle: "Vulnerability report saved to Bookmark",
- timestamp: "Today 4:55pm",
- },
- {
- id: 3,
- title: "Reward Claimed",
- subtitle: "Rewards from reports claimed",
- timestamp: "Yesterday",
- },
- ];
+import { CircleDollarSignIcon, DollarSign, FolderOpen } from "lucide-react";
+import ReportAlerts from "./components/ReportAlerts";
+import AuditStats from "./components/AuditStats";
+import PerformanceSnapshot from "./components/PerformanceSnapshot";
+import OverviewCardExpandable from "../../components/resuables/OverviewCardExpandable";
+function page() {
return (
- New Reports Alerts
+ {dummy_alerts.map((alert, id) => ( +
- {/* Top Section with Action Button and Disconnect Wallet */}
-
+
);
-};
+}
-export default Overview;
+export default page;
diff --git a/src/app/dashboard/validator/page.tsx b/src/app/dashboard/validator/page.tsx
index 7affe64..8936688 100644
--- a/src/app/dashboard/validator/page.tsx
+++ b/src/app/dashboard/validator/page.tsx
@@ -1,7 +1,16 @@
-import { redirect } from "next/navigation";
+"use client";
-const page = () => {
- redirect("/dashboard/validator/overview");
+import { useEffect } from "react";
+import { useRouter } from "next/navigation";
+
+const Page = () => {
+ const router = useRouter();
+
+ useEffect(() => {
+ router.replace("/dashboard/validator/overview");
+ }, [router]);
+
+ return null;
};
-export default page;
+export default Page;
diff --git a/src/app/dashboard/validator/rankings/page.tsx b/src/app/dashboard/validator/rankings/page.tsx
new file mode 100644
index 0000000..4583406
--- /dev/null
+++ b/src/app/dashboard/validator/rankings/page.tsx
@@ -0,0 +1,7 @@
+import React from "react";
+
+function page() {
+ return
-
-
- {/* Stats Cards */}
-
-
-
- {/* Recent Activity Section */}
-
-
-
- {/* Table Components */}
-
-
page
;
+}
+
+export default page;
diff --git a/src/app/globals.css b/src/app/globals.css
index ec194ea..d666401 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -169,3 +169,7 @@ body {
.ql-toolbar button {
font-size: 20px;
}
+
+button:focus {
+ outline: none;
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index b2278e6..8eecd3e 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,14 +1,9 @@
-
-
-
-import type React from "react"
-import type { Metadata } from "next"
-import "./globals.css"
-import { StructuredData } from "../components/metadata/structured-data"
+import type React from "react";
+import type { Metadata } from "next";
+import "./globals.css";
+import { StructuredData } from "../components/metadata/structured-data";
import ClientProviders from "@/providers/client-providers";
-
-
export const metadata: Metadata = {
title: "FortiChain - Decentralized Blockchain Security Platform",
description:
@@ -59,7 +54,8 @@ export const metadata: Metadata = {
twitter: {
card: "summary_large_image",
title: "FortiChain - Decentralized Blockchain Security Platform",
- description: "Enhance blockchain security through automated vulnerability disclosure and bug bounty processes.",
+ description:
+ "Enhance blockchain security through automated vulnerability disclosure and bug bounty processes.",
images: ["/twitter-image.png"],
creator: "@fortichain",
site: "@fortichain",
@@ -79,21 +75,21 @@ export const metadata: Metadata = {
google: "your-google-verification-code",
yandex: "your-yandex-verification-code",
},
-}
+};
export default function RootLayout({
children,
}: Readonly<{
- children: React.ReactNode
+ children: React.ReactNode;
}>) {
return (
+
+ );
+}
+
+export default AddressBar;
diff --git a/src/components/connect-button.tsx b/src/components/connect-button.tsx
index 0ff3c6a..f08b46e 100644
--- a/src/components/connect-button.tsx
+++ b/src/components/connect-button.tsx
@@ -10,6 +10,7 @@ import { AccountTypeModal } from "./account-type-modal";
import Link from "next/link";
import { StarknetkitConnector, useStarknetkitConnectModal } from "starknetkit";
import { WebWalletConnector } from "starknetkit/webwallet";
+import AddressBar from "./address-bar";
type ConnectButtonVariant = "default" | "navbar";
@@ -102,47 +103,13 @@ export function ConnectButton({
return (
+
+
+
+ 
+
+ {address?.slice(0, 6)}...{address?.slice(-5)}
+
+
+
+
+ {address?.slice(0, 6)}...{address?.slice(-5)}
+
+
{isConnected && address ? (
-
-
-
- {isDropdownOpen && (
-
+
-
-
- )}
-