Update my repo

.env

@@ -3,22 +3,22 @@ NEXT_PUBLIC_SITE_URL=http://localhost:3000
 
 #APPWRITE
 NEXT_PUBLIC_APPWRITE_ENDPOINT=https://cloud.appwrite.io/v1
-NEXT_PUBLIC_APPWRITE_PROJECT=662cd3d0000d7d095714
-APPWRITE_DATABASE_ID=662cd599000b133bfcd3
-APPWRITE_USER_COLLECTION_ID=662cd5bb002792396b02
-APPWRITE_BANK_COLLECTION_ID=662cd610000e0e283eb4
-APPWRITE_TRANSACTION_COLLECTION_ID=662cd5fb000ceb06e8a6
-NEXT_APPWRITE_KEY=c78d74bfcb9364a868b588056cdb00bd7328ad2629f9d97682a877f8662776289426ab7a5dcc1ca6cb4c6946b5a341ca73cd09f18dd0c01a11454aa75cf85a3cc4b0cc5f5cbc8872368aab3d24a13ff35ca45fac080bf0d8f575d84dec72ad0446b13752978c44d379ca85bdb690b7aa0523b44d9058a6da51c474ba54aef2d7
+NEXT_PUBLIC_APPWRITE_PROJECT=682ff311003bf6d4cdfc
+APPWRITE_DATABASE_ID=682ff352001a95f2126c
+APPWRITE_USER_COLLECTION_ID=68300f260032a585c91b
+APPWRITE_BANK_COLLECTION_ID=68300f9f0001d878cde3
+APPWRITE_TRANSACTION_COLLECTION_ID=682ff3d1001f7fc0be59
+NEXT_APPWRITE_KEY=standard_654ea0773601948c1f65be78cd3cc97f34309ae701e533cef6b89450b648ee4b4536c06fc4acc904e87256db46660afac2fdc759f555d12d803e83cd8590cea7c2cfda5b0b9786c5983f7e9e03c5899d84ff52dc6e17bcc3f01484cb8e2407debe8945b9fe702afe40344c66b2ea1938defcc52a4651bce6d77fb6e38809e674
 
 #PLAID
-PLAID_CLIENT_ID=662e1e5fdca064001c3e0086
-PLAID_SECRET=be405988983be57fe34bef8e9038b3
+PLAID_CLIENT_ID=683351e645aadd0023b5cec4
+PLAID_SECRET=93f87ee12cbbbaf3c7f08a206913b5
 PLAID_ENV=sandbox
 PLAID_PRODUCTS=auth,transactions,identity
 PLAID_COUNTRY_CODES=US,CA
 
 #DWOLLA
-DWOLLA_KEY=qAN5xkFYOSQeUNpN7GSPcGPHH8nSpVrPKSL8Ye5mSSP5AzddNt
-DWOLLA_SECRET=FI50i6NbUQ90106Bt1n9bH6aCNWhcs8Rliy7VRqrXgNbKtLy00
+DWOLLA_KEY=bmAjEwHJYNTpW1HiHXPXsfQKeEyiRhvIIvZFmvHMLT6iZCcASY
+DWOLLA_SECRET=2SlZNMBI0t9PkpbukqRHNF7wWoMdcdSRPW3cIEcT5Z4LXFJrDs
 DWOLLA_BASE_URL=https://api-sandbox.dwolla.com
 DWOLLA_ENV=sandbox

.gitignore

@@ -27,6 +27,7 @@ yarn-error.log*
 
 # local env files
 .env*.local
+.env
 
 # vercel
 .vercel

README.md

@@ -39,7 +39,7 @@ If you prefer visual learning, this is the perfect resource for you. Follow our
 
 ## <a name="introduction">🤖 Introduction</a>
 
-Built with Next.js, Horizon is a financial SaaS platform that connects to multiple bank accounts, displays transactions in real-time, allows users to transfer money to other platform users, and manages their finances altogether. 
+Built with Next.js, Fundilar is a financial SaaS platform that connects to multiple bank accounts, displays transactions in real-time, allows users to transfer money to other platform users, and manages their finances altogether. 
 
 If you're getting started and need assistance or face any bugs, join our active Discord community with over **34k+** members. It's a place where people help each other out.
 

app/(auth)/layout.tsx

@@ -11,7 +11,7 @@ export default function RootLayout({
       <div className="auth-asset">
         <div>
           <Image 
-            src="/icons/auth-image.svg"
+            src="/icons/100x80 v.png"
             alt="Auth image"
             width={500}
             height={500}

app/(root)/layout.tsx

@@ -19,7 +19,7 @@ export default async function RootLayout({
 
       <div className="flex size-full flex-col">
         <div className="root-layout">
-          <Image src="/icons/logo.svg" width={30} height={30} alt="logo" />
+          <Image src="/icons/logo.png" width={30} height={30} alt="logo" />
           <div>
             <MobileNav user={loggedIn} />
           </div>

app/layout.tsx

@@ -12,10 +12,10 @@ const ibmPlexSerif = IBM_Plex_Serif({
 })
 
 export const metadata: Metadata = {
-  title: "Horizon",
-  description: "Horizon is a modern banking platform for everyone.",
+  title: "Fundilla",
+  description: "Fundilla is a modern banking platform for everyone.",
   icons: {
-    icon: '/icons/logo.svg'
+    icon: '/icons/logo.png'
   }
 };
 

components/AuthForm.tsx

@@ -41,58 +41,81 @@ const AuthForm = ({ type }: { type: string }) => {
       },
     })
 
-    // 2. Define a submit handler.
-    const onSubmit = async (data: z.infer<typeof formSchema>) => {
-      setIsLoading(true);
+
+
+    // Updated onSubmit function for AuthForm.tsx
+const onSubmit = async (data: z.infer<typeof formSchema>) => {
+  setIsLoading(true);
+
+  try {
+    if(type === 'sign-up') {
+      const userData = {
+        firstName: data.firstName!,
+        lastName: data.lastName!,
+        address1: data.address1!,
+        city: data.city!,
+        state: data.state!,
+        postalCode: data.postalCode!,
+        dateOfBirth: data.dateOfBirth!,
+        ssn: data.ssn!,
+        email: data.email,
+        password: data.password
+      }
 
       try {
-        // Sign up with Appwrite & create plaid token
+        const newUser = await signUp(userData);
 
-        if(type === 'sign-up') {
-          const userData = {
-            firstName: data.firstName!,
-            lastName: data.lastName!,
-            address1: data.address1!,
-            city: data.city!,
-            state: data.state!,
-            postalCode: data.postalCode!,
-            dateOfBirth: data.dateOfBirth!,
-            ssn: data.ssn!,
-            email: data.email,
-            password: data.password
-          }
-
-          const newUser = await signUp(userData);
-
+        if (newUser) {
           setUser(newUser);
+        } else {
+          throw new Error('Failed to create user');
         }
+      } catch (signUpError) {
+        console.error('Sign up failed:', signUpError);
+        // Show error message to user
+        alert('Sign up failed. Please try again.');
+        return;
+      }
+    }
 
-        if(type === 'sign-in') {
-          const response = await signIn({
-            email: data.email,
-            password: data.password,
-          })
-
-          if(response) router.push('/')
+    if(type === 'sign-in') {
+      try {
+        const response = await signIn({
+          email: data.email,
+          password: data.password,
+        });
+
+        if(response) {
+          router.push('/');
+        } else {
+          throw new Error('Sign in failed');
         }
-      } catch (error) {
-        console.log(error);
-      } finally {
-        setIsLoading(false);
+      } catch (signInError) {
+        console.error('Sign in failed:', signInError);
+        // Show error message to user
+        alert('Sign in failed. Please check your credentials.');
+        return;
       }
     }
+  } catch (error) {
+    console.error('Authentication error:', error);
+    alert('An error occurred. Please try again.');
+  } finally {
+    setIsLoading(false);
+  }
+}
 
   return (
     <section className="auth-form">
       <header className='flex flex-col gap-5 md:gap-8'>
           <Link href="/" className="cursor-pointer flex items-center gap-1">
             <Image 
-              src="/icons/logo.svg"
-              width={34}
-              height={34}
-              alt="Horizon logo"
+              src="/icons/logo-light.png"
+              width={140}
+              height={90}
+              alt="Fundilla"
             />
-            <h1 className="text-26 font-ibm-plex-serif font-bold text-black-1">Horizon</h1>
+            {/* <h1 className="text-26 font-ibm-plex-serif font-bold text-black-1">Fundillar</h1> */}
           </Link>
 
           <div className="flex flex-col gap-1 md:gap-3">
@@ -171,6 +194,6 @@ const AuthForm = ({ type }: { type: string }) => {
       )}
     </section>
   )
-}
+} 
 
 export default AuthForm

components/Footer.tsx

@@ -30,7 +30,7 @@ const Footer = ({ user, type = 'desktop' }: FooterProps) => {
       </div>
 
       <div className="footer_image" onClick={handleLogOut}>
-        <Image src="icons/logout.svg" fill alt="jsm" />
+        <Image src="icons/logout.svg" fill alt="fundilla" />
       </div>
     </footer>
   )

components/MobileNav.tsx

@@ -34,10 +34,10 @@ const MobileNav = ({ user }: MobileNavProps) => {
         <SheetContent side="left" className="border-none bg-white">
           <Link href="/" className="cursor-pointer flex items-center gap-1 px-4">
             <Image 
-              src="/icons/logo.svg"
+              src="/icons/logo.png"
               width={34}
               height={34}
-              alt="Horizon logo"
+              alt="Fundilla"
             />
             <h1 className="text-26 font-ibm-plex-serif font-bold text-black-1">Horizon</h1>
           </Link>

components/Sidebar.tsx

@@ -16,13 +16,13 @@ const Sidebar = ({ user }: SiderbarProps) => {
       <nav className="flex flex-col gap-4">
         <Link href="/" className="mb-12 cursor-pointer flex items-center gap-2">
           <Image 
-            src="/icons/logo.svg"
+            src="/icons/logo.png"
             width={34}
             height={34}
-            alt="Horizon logo"
+            alt="Fundilla logo"
             className="size-[24px] max-xl:size-14"
           />
-          <h1 className="sidebar-logo">Horizon</h1>
+          <h1 className="sidebar-logo">Fundilar</h1>
         </Link>
 
         {sidebarLinks.map((item) => {

lib/actions/user.actions.ts

@@ -52,6 +52,7 @@ export const signIn = async ({ email, password }: signInProps) => {
   }
 }
 
+
 export const signUp = async ({ password, ...userData }: SignUpParams) => {
   const { email, firstName, lastName } = userData;
 
@@ -60,48 +61,69 @@ export const signUp = async ({ password, ...userData }: SignUpParams) => {
   try {
     const { account, database } = await createAdminClient();
 
+    // Step 1: Create user account
     newUserAccount = await account.create(
       ID.unique(), 
       email, 
       password, 
       `${firstName} ${lastName}`
     );
 
-    if(!newUserAccount) throw new Error('Error creating user')
-
-    const dwollaCustomerUrl = await createDwollaCustomer({
-      ...userData,
-      type: 'personal'
-    })
-
-    if(!dwollaCustomerUrl) throw new Error('Error creating Dwolla customer')
+    if(!newUserAccount) throw new Error('Error creating user account');
 
-    const dwollaCustomerId = extractCustomerIdFromUrl(dwollaCustomerUrl);
-
-    const newUser = await database.createDocument(
-      DATABASE_ID!,
-      USER_COLLECTION_ID!,
-      ID.unique(),
-      {
+    try {
+      // Step 2: Create Dwolla customer
+      const dwollaCustomerUrl = await createDwollaCustomer({
         ...userData,
-        userId: newUserAccount.$id,
-        dwollaCustomerId,
-        dwollaCustomerUrl
+        type: 'personal'
+      });
+
+      if(!dwollaCustomerUrl) throw new Error('Error creating Dwolla customer');
+
+      const dwollaCustomerId = extractCustomerIdFromUrl(dwollaCustomerUrl);
+
+      // Step 3: Create user document in database
+      const newUser = await database.createDocument(
+        DATABASE_ID!,
+        USER_COLLECTION_ID!,
+        ID.unique(),
+        {
+          ...userData,
+          userId: newUserAccount.$id,
+          dwollaCustomerId,
+          dwollaCustomerUrl
+        }
+      );
+
+      // Step 4: Create session
+      const session = await account.createEmailPasswordSession(email, password);
+
+      cookies().set("appwrite-session", session.secret, {
+        path: "/",
+        httpOnly: true,
+        sameSite: "strict",
+        secure: true,
+      });
+
+      return parseStringify(newUser);
+
+    } catch (error) {
+      // If Dwolla or database creation fails, clean up the auth account
+      console.error('Error in signup process:', error);
+
+      // Clean up: Delete the created auth account
+      try {
+        await account.deleteIdentity(newUserAccount.$id);
+      } catch (cleanupError) {
+        console.error('Error cleaning up auth account:', cleanupError);
       }
-    )
-
-    const session = await account.createEmailPasswordSession(email, password);
-
-    cookies().set("appwrite-session", session.secret, {
-      path: "/",
-      httpOnly: true,
-      sameSite: "strict",
-      secure: true,
-    });
+
+      throw error;
+    }
 
-    return parseStringify(newUser);
   } catch (error) {
-    console.error('Error', error);
+    console.error('Error in signUp:', error);
+    throw error; // Re-throw to be handled by the calling function
   }
 }
 
@@ -138,7 +160,7 @@ export const createLinkToken = async (user: User) => {
         client_user_id: user.$id
       },
       client_name: `${user.firstName} ${user.lastName}`,
-      products: ['auth'] as Products[],
+      products: ['auth', 'transactions'] as Products[],
       language: 'en',
       country_codes: ['US'] as CountryCode[],
     }