diff --git a/app/components/address.tsx b/app/components/address.tsx
index f741d07..313f6b5 100644
--- a/app/components/address.tsx
+++ b/app/components/address.tsx
@@ -1,10 +1,9 @@
"use client";
import { useAccount } from "@starknet-react/core";
import { MoreVertical } from "lucide-react";
-import DisconnectModal from "./disconnect-modal";
import { useState } from "react";
-import { createPortal } from "react-dom";
import { shortenAddress } from "../utils/helper";
+import DisconnectModal from "./ui/modals/disconnect-wallet-modal";
export default function Address() {
const [isModalOpen, setIsModalOpen] = useState(false);
@@ -12,11 +11,15 @@ export default function Address() {
return (
It runs in the background, so you don't have to do anything
diff --git a/app/components/why-autoswappr.tsx b/app/components/layout/sections/why-autoswappr.tsx
similarity index 100%
rename from app/components/why-autoswappr.tsx
rename to app/components/layout/sections/why-autoswappr.tsx
diff --git a/app/components/navbar.tsx b/app/components/navbar.tsx
index 8881e1b..68f8524 100644
--- a/app/components/navbar.tsx
+++ b/app/components/navbar.tsx
@@ -10,29 +10,26 @@ import { createPortal } from "react-dom";
import Link from "next/link";
import { usePathname } from "next/navigation";
import { navLinks } from "../utils/data";
-import ConnectWalletModal from "./connect-wallet-modal";
+import { ConnectWallet } from "./ui/modals/connect-wallet-modal";
export default function Navbar() {
const pathname = usePathname();
const [isMenuOpen, setIsMenuOpen] = useState(false);
- const [connectModalIsOpen, setConnectModalIsOpen] = useState(false);
+ const [isConnecting, setIsConnecting] = useState(false);
const { address } = useAccount();
return (
-