diff --git a/components/project-details/project-sidebar/index.tsx b/components/project-details/project-sidebar/index.tsx
index c557f2d3..1e7d6300 100644
--- a/components/project-details/project-sidebar/index.tsx
+++ b/components/project-details/project-sidebar/index.tsx
@@ -31,14 +31,14 @@ export function ProjectSidebar({
const [voteCounts, setVoteCounts] = useState(
project.voting
? {
- upvotes: project.voting.upvotes,
- downvotes: project.voting.downvotes,
- totalVotes: project.voting.totalVotes,
- userVote: project.voting.userVote,
+ upvotes: project.voting.data?.upvotes ?? project.voting.upvotes,
+ downvotes: project.voting.data?.downvotes ?? project.voting.downvotes,
+ totalVotes:
+ project.voting.data?.totalVotes ?? project.voting.totalVotes,
+ userVote: project.voting.data?.userVote ?? project.voting.userVote,
}
: null
);
-
const projectStatus = getProjectStatus(project, crowdfund);
const projectId = project?.id;
@@ -82,11 +82,12 @@ export function ProjectSidebar({
const fetchVoteCounts = async () => {
try {
- const response = await getVoteCounts(
+ const response: any = await getVoteCounts(
projectId,
VoteEntityType.CROWDFUNDING_CAMPAIGN
);
- setVoteCounts(response);
+ // The API returns { success: true, message: '...', data: { ... } }
+ setVoteCounts(response.data || response);
} catch {
// Silently fail - voting data is not critical
}
diff --git a/components/project-details/project-sidebar/types.ts b/components/project-details/project-sidebar/types.ts
index 6139534b..aea297dd 100644
--- a/components/project-details/project-sidebar/types.ts
+++ b/components/project-details/project-sidebar/types.ts
@@ -36,7 +36,7 @@ export interface ProjectSidebarProgressProps {
export interface ProjectSidebarActionsProps {
project: CrowdfundingProject;
crowdfund?: Crowdfunding;
- projectStatus: string;
+ projectStatus: ProjectStatus;
isVoting: boolean;
userVote: 1 | -1 | null;
onVote: (value: 1 | -1) => void;
@@ -51,7 +51,7 @@ export interface ProjectSidebarLinksProps {
}
export type ProjectStatus =
- | 'campaigning'
+ | 'CAMPAIGNING'
| 'Funded'
| 'Completed'
| 'Validation'
diff --git a/components/providers/wallet-provider.tsx b/components/providers/wallet-provider.tsx
index 5bc06781..4323d8ac 100644
--- a/components/providers/wallet-provider.tsx
+++ b/components/providers/wallet-provider.tsx
@@ -1,5 +1,3 @@
-'use client';
-
import {
createContext,
useContext,
@@ -7,6 +5,8 @@ import {
useEffect,
ReactNode,
} from 'react';
+import { authClient } from '@/lib/auth-client';
+import { WalletBalance, WalletTransaction } from '@/types/wallet';
/**
* Type definition for the wallet context
@@ -15,6 +15,10 @@ import {
type WalletContextType = {
walletAddress: string | null;
walletName: string | null;
+ balances: WalletBalance[];
+ transactions: WalletTransaction[];
+ totalPortfolioValue: number;
+ isLoading: boolean;
setWalletInfo: (address: string, name: string) => void;
clearWalletInfo: () => void;
};
@@ -30,8 +34,12 @@ const WalletContext = createContext(undefined);
* Automatically loads saved wallet information from localStorage on initialization
*/
export const WalletProvider = ({ children }: { children: ReactNode }) => {
- const [walletAddress, setWalletAddress] = useState(null);
- const [walletName, setWalletName] = useState(null);
+ const { data: session, isPending: isSessionLoading } =
+ authClient.useSession();
+ const [localWalletAddress, setLocalWalletAddress] = useState(
+ null
+ );
+ const [localWalletName, setLocalWalletName] = useState(null);
/**
* Load saved wallet information from localStorage when the component mounts
@@ -41,8 +49,8 @@ export const WalletProvider = ({ children }: { children: ReactNode }) => {
const storedAddress = localStorage.getItem('walletAddress');
const storedName = localStorage.getItem('walletName');
- if (storedAddress) setWalletAddress(storedAddress);
- if (storedName) setWalletName(storedName);
+ if (storedAddress) setLocalWalletAddress(storedAddress);
+ if (storedName) setLocalWalletName(storedName);
}, []);
/**
@@ -53,8 +61,8 @@ export const WalletProvider = ({ children }: { children: ReactNode }) => {
* @param name - The name/identifier of the wallet (e.g., "Freighter", "Albedo")
*/
const setWalletInfo = (address: string, name: string) => {
- setWalletAddress(address);
- setWalletName(name);
+ setLocalWalletAddress(address);
+ setLocalWalletName(name);
localStorage.setItem('walletAddress', address);
localStorage.setItem('walletName', name);
};
@@ -64,15 +72,44 @@ export const WalletProvider = ({ children }: { children: ReactNode }) => {
* This function is called when disconnecting a wallet
*/
const clearWalletInfo = () => {
- setWalletAddress(null);
- setWalletName(null);
+ setLocalWalletAddress(null);
+ setLocalWalletName(null);
localStorage.removeItem('walletAddress');
localStorage.removeItem('walletName');
};
+ // Derive wallet data from session (priority) or local state
+ const walletAddress = session?.user?.wallet?.address || localWalletAddress;
+ const walletName = session?.user?.wallet?.address
+ ? 'Boundless Wallet'
+ : localWalletName;
+
+ // Cast the wallet properties to their formatted types if they exist in the session
+ // We use 'any' casting here because the inferred type from auth-client might not strictly match our interfaces yet
+ const balances =
+ (session?.user?.wallet?.balances as unknown as WalletBalance[]) || [];
+ const transactions =
+ (session?.user?.wallet?.transactions as unknown as WalletTransaction[]) ||
+ [];
+
+ // Calculate total portfolio value derived from USD values of all balances
+ const totalPortfolioValue = balances.reduce(
+ (acc, asset) => acc + (asset.usdValue || 0),
+ 0
+ );
+
return (
{children}
diff --git a/components/site-header.tsx b/components/site-header.tsx
index e0ea36b4..7d4a08d2 100644
--- a/components/site-header.tsx
+++ b/components/site-header.tsx
@@ -2,6 +2,7 @@ import { Separator } from '@/components/ui/separator';
import { SidebarTrigger } from '@/components/ui/sidebar';
import { UserMenu } from './user/UserMenu';
import { SmartBreadcrumb } from './smart-breadcrumb';
+import { WalletTrigger } from './wallet/WalletTrigger';
export function SiteHeader() {
return (
@@ -16,6 +17,7 @@ export function SiteHeader() {
+
diff --git a/components/ui/glowing-effect.tsx b/components/ui/glowing-effect.tsx
new file mode 100644
index 00000000..483de71c
--- /dev/null
+++ b/components/ui/glowing-effect.tsx
@@ -0,0 +1,190 @@
+'use client';
+
+import { memo, useCallback, useEffect, useRef } from 'react';
+import { cn } from '@/lib/utils';
+import { animate } from 'motion/react';
+
+interface GlowingEffectProps {
+ blur?: number;
+ inactiveZone?: number;
+ proximity?: number;
+ spread?: number;
+ variant?: 'default' | 'white';
+ glow?: boolean;
+ className?: string;
+ disabled?: boolean;
+ movementDuration?: number;
+ borderWidth?: number;
+}
+const GlowingEffect = memo(
+ ({
+ blur = 0,
+ inactiveZone = 0.7,
+ proximity = 0,
+ spread = 20,
+ variant = 'default',
+ glow = false,
+ className,
+ movementDuration = 2,
+ borderWidth = 1,
+ disabled = true,
+ }: GlowingEffectProps) => {
+ const containerRef = useRef