feat: project production

.env.example

@@ -1,14 +1,15 @@
-
-# Firbease configuration
-NEXT_PUBLIC_FIREBASE_API_KEY=TU_API_KEY
-NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=TU_AUTH_DOMAIN
-NEXT_PUBLIC_FIREBASE_PROJECT_ID=TU_PROJECT_ID
-NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=TU_STORAGE_BUCKET
-NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=TU_MESSAGING_SENDER_ID
-NEXT_PUBLIC_FIREBASE_APP_ID=TU_APP_ID
-
-# Trustless Work API
-NEXT_PUBLIC_API_URL=https://dev.api.trustlesswork.com
-NEXT_PUBLIC_API_KEY=TU_API_KEY
-
-
+# FIREBASE
+NEXT_PUBLIC_FIREBASE_API_KEY=
+NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=
+NEXT_PUBLIC_FIREBASE_PROJECT_ID=
+NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=
+NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=
+NEXT_PUBLIC_FIREBASE_APP_ID=
+
+# TRUSTLESS WORK
+NEXT_PUBLIC_API_KEY=
+
+# MAINTENANCE MODE
+NEXT_PUBLIC_MAINTENANCE_MODE=false
+NEXT_PUBLIC_COUNTDOWN_HOURS=2
+NEXT_PUBLIC_COUNTDOWN_MINUTES=30

.github/pull_request_template.md

@@ -27,6 +27,28 @@ Add here some information
 
 - **Video**: [Link to Loom video](https://loom.com)
 
+---
+
+## ✅ ESLint Compliance (Mandatory)
+
+To ensure that the code follows project standards, please run the following command and attach a screenshot of the output:
+
+```bash
+npm run lint
+```
+
+You should see:
+
+```
+✔ No ESLint warnings or errors
+```
+
+📸 **Attach a screenshot showing the result of the lint check:**
+
+> ⚠️ **Pull requests without this screenshot will be rejected.**
+
+---
+
 ## 📂 Related Issue
 
 <!-- Link the related issue so it automatically closes when this pull request is merged. -->

README.md

@@ -1,4 +1,6 @@
-# 🚀 TrustBridge
+![ ](https://github.com/user-attachments/assets/9201806d-7116-44d7-9df0-6f73c6f3d3f3)
+
+# TrustBridge
 
 **TrustBridge** is a decentralized lending platform built on the Stellar blockchain and integrated with Trustless Work for smart contract management. It enables users to request and fund secure loans, ensuring transparency, automation, and security without traditional intermediaries.
 
@@ -76,7 +78,6 @@ NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=TU_MESSAGING_SENDER_ID
 NEXT_PUBLIC_FIREBASE_APP_ID=TU_APP_ID
 
 # Trustless Work API
-NEXT_PUBLIC_API_URL=https://dev.api.trustlesswork.com
 NEXT_PUBLIC_API_KEY=TU_API_KEY
 ```
 
@@ -94,18 +95,6 @@ https://github.com/user-attachments/assets/0c4a8a80-33f1-41ae-819b-6a38abf30e4b
 
 ---
 
-## 🔥 Firebase Setup
-
-Once you have your Firebase database ready, add the following document in the `trustlines` collection:
-
-```
-name: "USDC" (string)
-trustline: "GBBD47IF6LWK7P7MDEVSCWR7DPUWV3NY3DTQEVFL4NAT4AQH3ZLLFLA5" (string)
-trustlineDecimals: 10000000 (number)
-```
-
----
-
 ## 🔑 Wallet Requirements
 
 To use this platform, install one of the following wallets:

next.config.ts

@@ -1,7 +1,22 @@
-import type { NextConfig } from "next";
-
-const nextConfig: NextConfig = {
-  /* config options here */
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  env: {
+    NEXT_PUBLIC_MAINTENANCE_MODE: process.env.MAINTENANCE_MODE,
+  },
+  // Add configuration for handling static files
+  async headers() {
+    return [
+      {
+        source: "/locales/:path*",
+        headers: [
+          {
+            key: "Cache-Control",
+            value: "public, max-age=3600", // Cache for 1 hour
+          },
+        ],
+      },
+    ];
+  },
 };
 
 export default nextConfig;

package.json

@@ -65,7 +65,7 @@
     "eslint": "^9.23.0",
     "eslint-config-next": "15.2.4",
     "eslint-config-prettier": "^10.1.1",
-    "eslint-plugin-prettier": "^5.2.5",
+    "eslint-plugin-prettier": "^5.4.1",
     "eslint-plugin-react": "^7.37.4",
     "globals": "^16.0.0",
     "husky": "^9.1.7",

src/@types/chat.entity.ts

@@ -23,3 +23,21 @@ export interface ChatState {
   chats: Chat[];
   activeChat: Chat | null;
 }
+
+export type ChatMessage = {
+  id: string;
+  from: string;
+  to: string;
+  content: string;
+  timestamp: number;
+  status?: "sent" | "delivered" | "read";
+};
+
+export type ChatWithMessages = {
+  id: string;
+  participants: string[];
+  lastMessage: string | null;
+  lastMessageTime: number | null;
+  createdAt: number;
+  messages: ChatMessage[];
+};

src/@types/user.entity.ts

@@ -0,0 +1,22 @@
+export interface UserProfile {
+  walletAddress: string;
+  firstName: string;
+  lastName: string;
+  country: string;
+  phoneNumber: string;
+  createdAt: number;
+  updatedAt: number;
+}
+
+export interface UserProfileFormData {
+  firstName: string;
+  lastName: string;
+  country: string;
+  phoneNumber: string;
+}
+
+export interface UserChatData {
+  firstName: string;
+  lastName: string;
+  walletAddress: string;
+}

src/app/about-us/page.tsx

@@ -0,0 +1,17 @@
+"use client";
+
+import AboutPage from "@/components/modules/about-us/ui/pages/AboutUs";
+import { GradientBackground } from "@/components/modules/dashboard/ui/pages/background/GradientBackground";
+import { ScrollArea } from "@/components/ui/scroll-area";
+
+export default function Page() {
+  return (
+    <GradientBackground>
+      <ScrollArea className="h-screen">
+        <div className="p-6">
+          <AboutPage />
+        </div>
+      </ScrollArea>
+    </GradientBackground>
+  );
+}

src/app/dashboard/chat/[wallet]/page.tsx

@@ -0,0 +1,6 @@
+"use client";
+import { ChatDialog } from "@/components/modules/chat/ui/dialogs/ChatDialog";
+
+export default function ChatPage() {
+  return <ChatDialog />;
+}

src/app/dashboard/chat/page.tsx

@@ -1,11 +1,6 @@
 "use client";
-
 import { ChatDialog } from "@/components/modules/chat/ui/dialogs/ChatDialog";
 
 export default function ChatPage() {
-  return (
-    <div className="flex flex-col flex-1 h-[calc(100vh-56px)] w-full">
-      <ChatDialog />
-    </div>
-  );
+  return <ChatDialog />;
 }

src/app/dashboard/layout.tsx

@@ -1,20 +1,16 @@
-"use client";
-
-import type React from "react";
 import { SidebarProvider } from "@/components/ui/sidebar";
 import { TrustBridgeSidebar } from "@/components/layouts/sidebar/Sidebar";
 import { Header } from "@/components/layouts/header/Header";
+import { ScrollArea } from "@/components/ui/scroll-area";
 
 const Layout = ({ children }: { children: React.ReactNode }) => {
   return (
     <SidebarProvider>
       <div className="flex h-screen w-full">
         <TrustBridgeSidebar />
-        <div className="flex-1 ">
-          <div className="z-index-10000">
-            <Header />
-          </div>
-          {children}
+        <div className="flex-1 flex flex-col">
+          <Header />
+          <ScrollArea className="flex-1">{children}</ScrollArea>
         </div>
       </div>
     </SidebarProvider>

src/app/dashboard/marketplace/page.tsx

@@ -0,0 +1,5 @@
+import { MarketplacePage } from "@/components/modules/marketplace/ui/pages/MarketplacePage";
+
+export default function Page() {
+  return <MarketplacePage />;
+}

src/app/dashboard/page.tsx

@@ -1,9 +1,5 @@
 import { DashboardOverview } from "@/components/modules/dashboard/ui/pages/DashboardPage";
 
 export default function Page() {
-  return (
-    <div className="h-screen overflow-auto">
-      <DashboardOverview />
-    </div>
-  );
+  return <DashboardOverview />;
 }

src/app/dashboard/profile/page.tsx

@@ -0,0 +1,23 @@
+"use client";
+
+import { UserProfileForm } from "@/components/modules/profile/ui/UserProfileForm";
+import { useWalletContext } from "@/providers/wallet.provider";
+import { Card } from "@/components/ui/card";
+
+export default function SettingsPage() {
+  const { walletAddress } = useWalletContext();
+
+  if (!walletAddress) {
+    return (
+      <div className="flex items-center justify-center h-full">
+        <Card className="p-8">
+          <p className="text-muted-foreground text-center">
+            Wallet not connected or invalid target.
+          </p>
+        </Card>
+      </div>
+    );
+  }
+
+  return <UserProfileForm />;
+}

src/app/layout.tsx

@@ -2,6 +2,7 @@ import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
 import { GlobalProvider } from "@/providers/global.provider";
+import { Toaster } from "sonner";
 
 const geistSans = Geist({
   variable: "--font-geist-sans",
@@ -29,7 +30,10 @@ export default function RootLayout({
       <body
         className={`${geistSans.variable} ${geistMono.variable} antialiased`}
       >
-        <GlobalProvider>{children}</GlobalProvider>
+        <GlobalProvider>
+          {children}
+          <Toaster />
+        </GlobalProvider>
       </body>
     </html>
   );

src/app/maintenance/page.tsx

@@ -0,0 +1,23 @@
+"use client";
+
+import { Bounded } from "@/components/layouts/Bounded";
+import CountdownTimer from "@/components/modules/maintenance/ui/CountdownTimer";
+
+const Maintenance: React.FC = () => {
+  return (
+    <Bounded center={true} className="mt-20">
+      <div className="flex flex-col justify-center items-center w-full mt-10 md:mt-16 gap-4 text-center">
+        <h1 className="text-5xl md:text-6xl font-bold">
+          Site Under Maintenance
+        </h1>
+        <p className="text-xl text-muted-foreground">
+          We are making improvements to our platform to provide you with better
+          service.
+        </p>
+        <CountdownTimer />
+      </div>
+    </Bounded>
+  );
+};
+
+export default Maintenance;