Revert "Implement Connect Wallet Modal"

package.json

@@ -18,8 +18,6 @@
     "@starknet-react/chains": "^3.1.2",
     "@starknet-react/core": "^3.7.2",
     "@starknet-react/typescript-config": "^0.0.1",
-    "@tanstack/react-query": "^5.69.0",
-    "@wagmi/connectors": "^5.7.11",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
@@ -42,8 +40,6 @@
     "tailwind-merge": "^3.0.2",
     "tailwindcss-animate": "^1.0.7",
     "tanstack": "^1.0.0",
-    "viem": "^2.23.15",
-    "wagmi": "^2.14.15",
     "zod": "^3.24.2"
   },
   "devDependencies": {

src/app/dashboard/components/navBar.tsx

@@ -1,5 +1,5 @@
 'use client';
-import WalletConnectButton from '@/components/walletConnection/wallet-connect-button';
+import React from 'react';
 import { Search } from 'lucide-react';
 
 const NavBar = () => {
@@ -25,8 +25,8 @@ const NavBar = () => {
           </div>
         </div>
 
-        <div className="w-[300px] h-[48px] bg-[#181824] border border-gray-800 text-white rounded-md flex items-center justify-center">
-          <WalletConnectButton />
+        <div className="w-[280px] h-[48px]  bg-transparent border-2 border-white/10 text-white rounded-md flex items-center justify-center">
+          <span className="text-white">0xdf23Z.....bF42l5G</span>
         </div>
       </div>
     </nav>

src/app/globals.css

@@ -11,6 +11,7 @@
 
 @layer base {
   :root {
+
     --background: 0 0% 100%;
 
     --foreground: 0 0% 3.9%;
@@ -59,9 +60,9 @@
 
     --chart-5: 27 87% 67%;
 
-    --radius: 0.5rem;
-  }
+    --radius: 0.5rem}
   .dark {
+
     --background: 0 0% 3.9%;
 
     --foreground: 0 0% 98%;
@@ -108,10 +109,11 @@
 
     --chart-4: 280 65% 60%;
 
-    --chart-5: 340 75% 55%;
-  }
+    --chart-5: 340 75% 55%}
 }
 
+
+
 @layer base {
   * {
     @apply border-border;
@@ -120,13 +122,3 @@
     @apply bg-background text-foreground;
   }
 }
-
-@layer utilities {
-  .text-balance {
-    text-wrap: balance;
-  }
-
-  .active\:scale-98:active {
-    transform: scale(0.98);
-  }
-}

src/app/layout.tsx

@@ -1,12 +1,13 @@
-import type { Metadata } from 'next';
-import './globals.css';
-import { Providers } from '@/components/Providers';
-// import { Providers } from '@/components/wallet/providers';
 
-export const metadata: Metadata = {
-  title: 'BudgetChain',
-  description: 'AI Powered Treasury Platform',
-};
+import type { Metadata } from "next";
+import { Providers } from "@/components/Providers";
+import "./globals.css";
+
+
+ export const metadata: Metadata = {
+   title: "BudgetChain",
+   description: "AI Powered Treasury Platform",
+ };
 
 export default function RootLayout({
   children,
@@ -28,4 +29,4 @@ export default function RootLayout({
       </body>
     </html>
   );
-}
+}

src/components/Providers.tsx

@@ -1,23 +1,33 @@
-'use client';
+"use client";
+import { ReactNode } from "react";
 
-import type { ReactNode } from 'react';
-import { WagmiProvider } from 'wagmi';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { StarknetConfig } from '@starknet-react/core';
-import { config } from '@/lib/wagmi';
-import { useStarknetConfig } from '@/lib/starknet';
-
-const queryClient = new QueryClient();
+import { sepolia } from "@starknet-react/chains";
+import {
+  StarknetConfig,
+  argent,
+  braavos,
+  useInjectedConnectors,
+  jsonRpcProvider,
+  voyager,
+} from "@starknet-react/core";
 
 export function Providers({ children }: { children: ReactNode }) {
-  // Get the complete Starknet configuration from our hook
-  const starknetConfig = useStarknetConfig();
-
+  const { connectors } = useInjectedConnectors({
+    // Show these connectors if the user has no connector installed.
+    recommended: [argent(), braavos()],
+    // Hide recommended connectors if the user has any connector installed.
+    includeRecommended: "onlyIfNoConnectors",
+    // Randomize the order of the connectors.
+    order: "random",
+  });
   return (
-    <WagmiProvider config={config}>
-      <QueryClientProvider client={queryClient}>
-        <StarknetConfig {...starknetConfig}>{children}</StarknetConfig>
-      </QueryClientProvider>
-    </WagmiProvider>
+    <StarknetConfig
+      chains={[sepolia]}
+      provider={jsonRpcProvider({ rpc: (chain) => ({ nodeUrl: process.env.NEXT_PUBLIC_RPC_URL }) })}
+      connectors={connectors}
+      explorer={voyager}
+    >
+      {children}
+    </StarknetConfig>
   );
-}
+}