From 9fa4c010bb2edf2f9eb40bcad8c514dfeb4b546f Mon Sep 17 00:00:00 2001
From: Collins Ikechukwu <collinschristroa@gmail.com>
Date: Thu, 14 Aug 2025 18:24:30 +0100
Subject: [PATCH] feat: update environment configuration and redirect paths for
 user authentication

- Added API and NextAuth configuration to env.example for better setup clarity.
- Changed redirect path for authenticated users from '/dashboard' to '/user' in middleware and sign-in logic.
- Updated AuthNav component to link to the new '/user' route.
- Simplified the Home page by adding a button to navigate to the user dashboard.
- Adjusted API base URL reference in the api.ts file for consistency.
---
 .env.example                        |  35 ++++++++++
 app/auth/signin/page.tsx            |   2 +-
 app/auth/signup/page.tsx            |   4 +-
 app/page.tsx                        | 102 ++--------------------------
 components/auth/AuthNav.tsx         |   4 +-
 components/connect-wallet/index.tsx |  25 +++++++
 env.example                         |  25 ++++++-
 lib/api/api.ts                      |   6 +-
 middleware.ts                       |   2 +-
 9 files changed, 98 insertions(+), 107 deletions(-)
 create mode 100644 .env.example

diff --git a/.env.example b/.env.example
new file mode 100644
index 000000000..9377d2543
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,35 @@
+NEXT_PUBLIC_STELLAR_NETWORK=testnet
+
+NEXT_PUBLIC_APP_URL=http://localhost:3000
+
+NEXT_PUBLIC_API_URL=https://staging-api.boundlessfi.xyz/api
+
+NEXT_PUBLIC_WALLET_CONNECT_PROJECT_ID=your_wallet_connect_project_id
+# Get this from https://cloud.walletconnect.com/
+
+NEXT_PUBLIC_HORIZON_TESTNET_URL=https://horizon-testnet.stellar.org
+NEXT_PUBLIC_HORIZON_PUBLIC_URL=https://horizon.stellar.org
+
+NEXT_PUBLIC_APP_NAME=Boundless
+NEXT_PUBLIC_APP_DESCRIPTION=Stellar-based application
+NEXT_PUBLIC_APP_ICON=/logo.svg
+
+NEXT_PUBLIC_DEBUG_MODE=false
+
+NEXT_PUBLIC_ENABLE_WALLET_CONNECT=true
+NEXT_PUBLIC_ENABLE_MULTI_WALLET=true
+NEXT_PUBLIC_ENABLE_NETWORK_SWITCHING=true
+
+NEXTAUTH_SECRET=your_nextauth_secret_here
+
+NEXTAUTH_URL=http://localhost:3000
+
+GOOGLE_CLIENT_ID=your_google_client_id
+
+GOOGLE_CLIENT_SECRET=your_google_client_secret
+
+NODE_ENV=development
+
+
+
+
diff --git a/app/auth/signin/page.tsx b/app/auth/signin/page.tsx
index db96a61eb..3b4451a28 100644
--- a/app/auth/signin/page.tsx
+++ b/app/auth/signin/page.tsx
@@ -73,7 +73,7 @@ export default function SignInPage() {
   const handleGoogleSignIn = async () => {
     setIsLoading(true);
     try {
-      await signIn('google', { callbackUrl: '/dashboard' });
+      await signIn('google', { callbackUrl: '/user' });
     } catch {
       setError('Failed to sign in with Google');
       setIsLoading(false);
diff --git a/app/auth/signup/page.tsx b/app/auth/signup/page.tsx
index e6e83fb7a..b2bbdd00e 100644
--- a/app/auth/signup/page.tsx
+++ b/app/auth/signup/page.tsx
@@ -261,7 +261,7 @@ export default function SignUpPage() {
               </Button>
             </form>
 
-            <div className='relative'>
+            <div className='relative hidden'>
               <div className='absolute inset-0 flex items-center'>
                 <Separator className='w-full' />
               </div>
@@ -278,7 +278,7 @@ export default function SignUpPage() {
                 window.location.href = '/api/auth/signin/google';
               }}
               disabled={isLoading}
-              className='w-full'
+              className='w-full hidden'
             >
               <svg className='mr-2 h-4 w-4' viewBox='0 0 24 24'>
                 <path
diff --git a/app/page.tsx b/app/page.tsx
index ed1b2cc14..52b392d01 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,21 +1,14 @@
 'use client';
-import { PriceDisplay } from '@/components/PriceDisplay';
-import EmptyState from '@/components/EmptyState';
 import { BoundlessButton } from '@/components/buttons';
-import { Coins, History, Plus } from 'lucide-react';
-import Card from '@/components/card';
-import RecentProjects from '@/components/overview/RecentProjects';
-import RecentContributions from '@/components/overview/ReecntContributions';
-import GrantHistory from '@/components/overview/GrantHistory';
 import { AuthNav } from '@/components/auth/AuthNav';
 import { motion } from 'framer-motion';
 import {
-  fadeInUp,
   staggerContainer,
   slideInFromLeft,
   slideInFromRight,
 } from '@/lib/motion';
 import PageTransition from '@/components/PageTransition';
+import Link from 'next/link';
 
 export default function Home() {
   return (
@@ -34,95 +27,12 @@ export default function Home() {
           <AuthNav />
         </motion.header>
         <motion.main
-          className='flex flex-col gap-[32px] items-center sm:items-start'
-          variants={staggerContainer}
+          className='w-full max-w-6xl flex flex-col items-center justify-center'
+          variants={slideInFromRight}
         >
-          <motion.div
-            className='bg-[#1C1C1C] rounded-lg p-4 w-full max-w-[550px]'
-            variants={fadeInUp}
-          >
-            <PriceDisplay price={100} className='text-2xl font-bold' />
-            <EmptyState
-              title='No comments yet'
-              description='Start by sharing your first project idea with the Boundless community. Once submitted, your projects will appear here for easy tracking.'
-              type='default'
-              action={
-                <BoundlessButton
-                  variant='default'
-                  size='lg'
-                  icon={<Plus className='w-5 h-5' />}
-                  iconPosition='right'
-                >
-                  Add comment
-                </BoundlessButton>
-              }
-            />
-          </motion.div>
-          <motion.div className='flex gap-4' variants={staggerContainer}>
-            <motion.div variants={fadeInUp}>
-              <Card
-                title='Active Campaigns'
-                value='10'
-                bottomText={
-                  <div className='flex items-center gap-2'>
-                    <Coins className='w-4 h-4 text-white/60' />
-                    <PriceDisplay
-                      price={0}
-                      className='!text-xs !tracking-[-0.06px]'
-                    />
-                  </div>
-                }
-              />
-            </motion.div>
-            <motion.div variants={fadeInUp}>
-              <Card
-                title='Pending Submissions'
-                value='0'
-                bottomText={
-                  <div className='flex items-center gap-2'>
-                    <History className='w-4 h-4 text-white/60' />
-                    <span className='text-white/60'>No recent submissions</span>
-                  </div>
-                }
-              />
-            </motion.div>
-            <motion.div variants={fadeInUp}>
-              <Card
-                title='Active Projects'
-                value='0'
-                bottomText={
-                  <div className='flex items-center gap-2'>
-                    <span className='text-white/90'>0</span>
-                    Approved Submissions
-                  </div>
-                }
-              />
-            </motion.div>
-            <motion.div variants={fadeInUp}>
-              <Card
-                title='Available Grants'
-                value={
-                  <PriceDisplay price={0} className='!tracking-[-0.06px]' />
-                }
-                bottomText={
-                  <div className='flex items-center gap-2 text-white/90'>
-                    6 grants available
-                  </div>
-                }
-              />
-            </motion.div>
-          </motion.div>
-          <motion.div variants={fadeInUp}>
-            <RecentProjects projects={[]} />
-          </motion.div>
-          <motion.div className='flex gap-4' variants={staggerContainer}>
-            <motion.div variants={slideInFromLeft}>
-              <RecentContributions projects={[]} />
-            </motion.div>
-            <motion.div variants={slideInFromRight}>
-              <GrantHistory projects={[]} />
-            </motion.div>
-          </motion.div>
+          <Link href='/user'>
+            <BoundlessButton>Go to Dashboard</BoundlessButton>
+          </Link>
         </motion.main>
       </motion.div>
     </PageTransition>
diff --git a/components/auth/AuthNav.tsx b/components/auth/AuthNav.tsx
index 60a4c7f0f..4ec7554dd 100644
--- a/components/auth/AuthNav.tsx
+++ b/components/auth/AuthNav.tsx
@@ -29,7 +29,7 @@ export function AuthNav() {
   if (!session) {
     return (
       <div className='flex items-center space-x-2'>
-        <Button variant='ghost' onClick={() => signIn()}>
+        <Button variant='outline' onClick={() => signIn()}>
           Sign In
         </Button>
         <Button asChild>
@@ -73,7 +73,7 @@ export function AuthNav() {
         </DropdownMenuLabel>
         <DropdownMenuSeparator />
         <DropdownMenuItem asChild>
-          <Link href='/dashboard' className='flex items-center'>
+          <Link href='/user' className='flex items-center'>
             <User className='mr-2 h-4 w-4' />
             Dashboard
           </Link>
diff --git a/components/connect-wallet/index.tsx b/components/connect-wallet/index.tsx
index 53e2f4f50..77bbd4d8f 100644
--- a/components/connect-wallet/index.tsx
+++ b/components/connect-wallet/index.tsx
@@ -13,6 +13,8 @@ import { ScrollArea } from '../ui/scroll-area';
 import { Button } from '../ui/button';
 import { useWalletStore } from '@/hooks/use-wallet';
 import { toast } from 'sonner';
+import { TooltipContent, TooltipProvider } from '@radix-ui/react-tooltip';
+import { Tooltip, TooltipTrigger } from '../ui/tooltip';
 
 const ConnectWallet = ({
   open,
@@ -214,6 +216,29 @@ const ConnectWallet = ({
               Connect Wallet
             </DialogTitle>
             <CircleQuestionMark className='w-4 h-4 text-[#484848]' />
+            <TooltipProvider>
+              <Tooltip>
+                <TooltipTrigger>
+                  <CircleQuestionMark className='w-4 h-4 text-[#484848]' />
+                </TooltipTrigger>
+                <TooltipContent>
+                  <h4 className='text-white text-lg font-medium'>
+                    What is a Wallet?
+                  </h4>
+                  <p className='text-[#B5B5B5] text-sm'>
+                    Wallets are used to send, receive, and store the keys you
+                    use to sign blockchain transactions.
+                  </p>
+                  <h4 className='text-white text-lg font-medium'>
+                    What is a Stellar Blockchain?
+                  </h4>
+                  <p className='text-[#B5B5B5] text-sm'>
+                    Stellar is a decentralized network that allows you to send
+                    and receive digital assets.
+                  </p>
+                </TooltipContent>
+              </Tooltip>
+            </TooltipProvider>
           </div>
           <Button
             variant='ghost'
diff --git a/env.example b/env.example
index 42e62cbd5..c065f8ea7 100644
--- a/env.example
+++ b/env.example
@@ -6,6 +6,10 @@ NEXT_PUBLIC_STELLAR_NETWORK=testnet
 NEXT_PUBLIC_APP_URL=http://localhost:3000
 # Your application's public URL
 
+# API Configuration
+NEXT_PUBLIC_API_URL=http://localhost:8000/api
+# Your backend API URL
+
 # WalletConnect Configuration
 NEXT_PUBLIC_WALLET_CONNECT_PROJECT_ID=your_wallet_connect_project_id
 # Get this from https://cloud.walletconnect.com/
@@ -26,4 +30,23 @@ NEXT_PUBLIC_DEBUG_MODE=false
 # Feature Flags
 NEXT_PUBLIC_ENABLE_WALLET_CONNECT=true
 NEXT_PUBLIC_ENABLE_MULTI_WALLET=true
-NEXT_PUBLIC_ENABLE_NETWORK_SWITCHING=true 
+NEXT_PUBLIC_ENABLE_NETWORK_SWITCHING=true
+
+# NextAuth Configuration
+NEXTAUTH_SECRET=your_nextauth_secret_here
+# Generate a random string for this secret
+# You can use: openssl rand -base64 32
+
+NEXTAUTH_URL=http://localhost:3000
+# Your application's public URL (same as NEXT_PUBLIC_APP_URL)
+
+# Google OAuth Configuration
+GOOGLE_CLIENT_ID=your_google_client_id
+# Get this from Google Cloud Console
+
+GOOGLE_CLIENT_SECRET=your_google_client_secret
+# Get this from Google Cloud Console
+
+# Environment
+NODE_ENV=development
+# Options: development, production, test
diff --git a/lib/api/api.ts b/lib/api/api.ts
index e118291dc..c60fb537c 100644
--- a/lib/api/api.ts
+++ b/lib/api/api.ts
@@ -2,11 +2,9 @@ import axios, { AxiosInstance, AxiosRequestConfig, AxiosResponse } from 'axios';
 import Cookies from 'js-cookie';
 import { useAuthStore } from '@/lib/stores/auth-store';
 
-const API_BASE_URL = process.env.NEXT_PUBLIC_API_BASE_URL;
+const API_BASE_URL = process.env.NEXT_PUBLIC_API_URL;
 if (!API_BASE_URL) {
-  throw new Error(
-    'NEXT_PUBLIC_API_BASE_URL environment variable is not defined'
-  );
+  throw new Error('NEXT_PUBLIC_API_URL environment variable is not defined');
 }
 
 export interface ApiResponse<T = unknown> {
diff --git a/middleware.ts b/middleware.ts
index 96edbf15a..57d3191e4 100644
--- a/middleware.ts
+++ b/middleware.ts
@@ -30,7 +30,7 @@ export function middleware(request: NextRequest) {
 
   // Redirect authenticated users away from auth routes
   if (isAuthRoute && isAuthenticated) {
-    return NextResponse.redirect(new URL('/dashboard', request.url));
+    return NextResponse.redirect(new URL('/user', request.url));
   }
 
   // Redirect unauthenticated users to signin for protected routes