Skip to content
Draft
2 changes: 2 additions & 0 deletions frontend/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -34,13 +34,15 @@
"date-fns": "^3.6.0",
"eciesjs": "0.5.0",
"ethers": "^6.13.5",
"fflate": "^0.8.3",
"framer-motion": "^12.23.12",
"html2canvas": "^1.4.1",
"idb": "^8.0.3",
"idb-keyval": "^6.2.1",
"jspdf": "^3.0.0",
"lucide-react": "^0.471.1",
"papaparse": "^5.5.2",
"qrcode": "^1.5.4",
"react": "^18.3.1",
"react-day-picker": "^8.10.1",
"react-dom": "^18.3.1",
Expand Down
2 changes: 2 additions & 0 deletions frontend/src/App.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -46,6 +46,7 @@ export const config = getDefaultConfig({
const queryClient = new QueryClient();
import { Toaster } from "react-hot-toast";
const GenerateLink = lazy(() => import("./page/GenerateLink"));
const ImportInvoice = lazy(() => import("./page/ImportInvoice"));
const CreateInvoicesBatch = lazy(() => import("./page/CreateInvoicesBatch"));
const NotFound = lazy(() => import("./page/NotFound"));
const Settings = lazy(() => import("./page/Settings"));
Expand Down Expand Up @@ -103,6 +104,7 @@ function App() {
<Route path="sent" element={<SentInvoice />} />
<Route path="pending" element={<ReceivedInvoice />} />
<Route path="generate-link" element={<GenerateLink />} />
<Route path="import" element={<ImportInvoice />} />
<Route
path="batch-invoice"
element={<CreateInvoicesBatch />}
Expand Down
6 changes: 5 additions & 1 deletion frontend/src/components/Navbar.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,8 @@ import { motion, AnimatePresence } from "framer-motion";
import CloseIcon from "@mui/icons-material/Close";
import MenuIcon from "@mui/icons-material/Menu";
import InfoIcon from "@mui/icons-material/Info";
import { cn } from "@/lib/utils";
import { SHELL } from "@/utils/layout";

function Navbar() {
const { address, isConnected } = useAccount();
Expand Down Expand Up @@ -138,7 +140,9 @@ function Navbar() {
: "bg-[#161920]"
}`}
>
<div className="max-w-full mx-auto px-4 sm:px-6 lg:px-8 z-10">
{/* Shares the page shell's gutter so the logo and wallet button line up
with the content edges. */}
<div className={cn(SHELL, "z-10")}>
<div className="flex justify-between items-center h-24">
<motion.div
whileHover={{ scale: 1.05 }}
Expand Down
Loading
Loading