diff --git a/package-lock.json b/package-lock.json index a93dc21..de8c13d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -362,7 +362,6 @@ } ], "license": "MIT", - "peer": true, "dependencies": { "csstype": "^3.1.1" }, @@ -2706,7 +2705,6 @@ "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.5.tgz", "integrity": "sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ==", "license": "MIT", - "peer": true, "dependencies": { "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-use-layout-effect": "1.1.1" @@ -5099,7 +5097,6 @@ "integrity": "sha512-o4PXJQidqJl82ckFaXUeoAW+XysPLauYI43Abki5hABd853iMhitooc6znOnczgbTYmEP6U6/y1ZyKAIsvMKGg==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@babel/code-frame": "^7.10.4", "@babel/runtime": "^7.12.5", @@ -8157,7 +8154,6 @@ "integrity": "sha512-eRwcGNHve+E8qtEQSSRl6urh+rFop4v8gm6O8rGv25CodbvFdLjA1vVQ1KkiFE0w0UPOnb8tDiFKL5lp0rtY5Q==", "devOptional": true, "license": "MIT", - "peer": true, "dependencies": { "csstype": "^3.2.2" } @@ -8178,12 +8174,6 @@ "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==", "license": "MIT" }, - "node_modules/@types/use-sync-external-store": { - "version": "0.0.6", - "resolved": "https://registry.npmjs.org/@types/use-sync-external-store/-/use-sync-external-store-0.0.6.tgz", - "integrity": "sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg==", - "license": "MIT" - }, "node_modules/@types/uuid": { "version": "10.0.0", "resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-10.0.0.tgz", @@ -8256,7 +8246,6 @@ "integrity": "sha512-fcqpj/MyK4sxDPcbe7STNPbpQL4RLZOPWuaTmwZYuc+hJKzRf58yRxfhqGpc6PIq9ZyfSBpfHgmUHmHs0KwHwg==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@typescript-eslint/scope-manager": "8.60.0", "@typescript-eslint/types": "8.60.0", @@ -9144,21 +9133,6 @@ "ws": "^7.5.1" } }, - "node_modules/@walletconnect/jsonrpc-ws-connection/node_modules/utf-8-validate": { - "version": "5.0.10", - "resolved": "https://registry.npmjs.org/utf-8-validate/-/utf-8-validate-5.0.10.tgz", - "integrity": "sha512-Z6czzLq4u8fPOyx7TU6X3dvUZVvoJmxSQ+IcrlmagKhilxlhZgxPK6C5Jqbkw1IDUmFTM+cz9QDnnLTwDz/2gQ==", - "hasInstallScript": true, - "license": "MIT", - "optional": true, - "peer": true, - "dependencies": { - "node-gyp-build": "^4.3.0" - }, - "engines": { - "node": ">=6.14.2" - } - }, "node_modules/@walletconnect/jsonrpc-ws-connection/node_modules/ws": { "version": "7.5.11", "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.11.tgz", @@ -9801,7 +9775,6 @@ "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==", "dev": true, "license": "MIT", - "peer": true, "bin": { "acorn": "bin/acorn" }, @@ -10172,7 +10145,6 @@ "resolved": "https://registry.npmjs.org/axios/-/axios-1.16.0.tgz", "integrity": "sha512-6hp5CwvTPlN2A31g5dxnwAX0orzM7pmCRDLnZSX772mv8WDqICwFjowHuPs04Mc8deIld1+ejhtaMn5vp6b+1w==", "license": "MIT", - "peer": true, "dependencies": { "follow-redirects": "^1.16.0", "form-data": "^4.0.5", @@ -11023,127 +10995,6 @@ "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==", "license": "MIT" }, - "node_modules/d3-array": { - "version": "3.2.4", - "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.4.tgz", - "integrity": "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==", - "license": "ISC", - "dependencies": { - "internmap": "1 - 2" - }, - "engines": { - "node": ">=12" - } - }, - "node_modules/d3-color": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz", - "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==", - "license": "ISC", - "engines": { - "node": ">=12" - } - }, - "node_modules/d3-ease": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz", - "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==", - "license": "BSD-3-Clause", - "engines": { - "node": ">=12" - } - }, - "node_modules/d3-format": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.2.tgz", - "integrity": "sha512-AJDdYOdnyRDV5b6ArilzCPPwc1ejkHcoyFarqlPqT7zRYjhavcT3uSrqcMvsgh2CgoPbK3RCwyHaVyxYcP2Arg==", - "license": "ISC", - "engines": { - "node": ">=12" - } - }, - "node_modules/d3-interpolate": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz", - "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==", - "license": "ISC", - "dependencies": { - "d3-color": "1 - 3" - }, - "engines": { - "node": ">=12" - } - }, - "node_modules/d3-path": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz", - "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==", - "license": "ISC", - "engines": { - "node": ">=12" - } - }, - "node_modules/d3-scale": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz", - "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==", - "license": "ISC", - "dependencies": { - "d3-array": "2.10.0 - 3", - "d3-format": "1 - 3", - "d3-interpolate": "1.2.0 - 3", - "d3-time": "2.1.1 - 3", - "d3-time-format": "2 - 4" - }, - "engines": { - "node": ">=12" - } - }, - "node_modules/d3-shape": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz", - "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==", - "license": "ISC", - "dependencies": { - "d3-path": "^3.1.0" - }, - "engines": { - "node": ">=12" - } - }, - "node_modules/d3-time": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz", - "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==", - "license": "ISC", - "dependencies": { - "d3-array": "2 - 3" - }, - "engines": { - "node": ">=12" - } - }, - "node_modules/d3-time-format": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz", - "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==", - "license": "ISC", - "dependencies": { - "d3-time": "1 - 3" - }, - "engines": { - "node": ">=12" - } - }, - "node_modules/d3-timer": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz", - "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==", - "license": "ISC", - "engines": { - "node": ">=12" - } - }, "node_modules/damerau-levenshtein": { "version": "1.0.8", "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz", @@ -11793,7 +11644,6 @@ "integrity": "sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@eslint-community/eslint-utils": "^4.8.0", "@eslint-community/regexpp": "^4.12.1", @@ -11967,7 +11817,6 @@ "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@rtsao/scc": "^1.1.0", "array-includes": "^3.1.9", @@ -13013,17 +12862,6 @@ "node": ">= 4" } }, - "node_modules/immer": { - "version": "10.2.0", - "resolved": "https://registry.npmjs.org/immer/-/immer-10.2.0.tgz", - "integrity": "sha512-d/+XTN3zfODyjr89gM3mPq1WNX2B8pYsu7eORitdwyA2sBubnTl3laYlBk4sXY5FUa5qTZGBDPJICVbvqzjlbw==", - "license": "MIT", - "peer": true, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/immer" - } - }, "node_modules/import-fresh": { "version": "3.3.1", "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz", @@ -13088,15 +12926,6 @@ "node": ">= 0.4" } }, - "node_modules/internmap": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz", - "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==", - "license": "ISC", - "engines": { - "node": ">=12" - } - }, "node_modules/ip-address": { "version": "10.2.0", "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.2.0.tgz", @@ -13692,21 +13521,6 @@ "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==", "license": "MIT" }, - "node_modules/jayson/node_modules/utf-8-validate": { - "version": "5.0.10", - "resolved": "https://registry.npmjs.org/utf-8-validate/-/utf-8-validate-5.0.10.tgz", - "integrity": "sha512-Z6czzLq4u8fPOyx7TU6X3dvUZVvoJmxSQ+IcrlmagKhilxlhZgxPK6C5Jqbkw1IDUmFTM+cz9QDnnLTwDz/2gQ==", - "hasInstallScript": true, - "license": "MIT", - "optional": true, - "peer": true, - "dependencies": { - "node-gyp-build": "^4.3.0" - }, - "engines": { - "node": ">=6.14.2" - } - }, "node_modules/jayson/node_modules/ws": { "version": "7.5.11", "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.11.tgz", @@ -15304,7 +15118,6 @@ "resolved": "https://registry.npmjs.org/preact/-/preact-10.29.2.tgz", "integrity": "sha512-7tNmwg/7mzzAoB/8kSg6Hl37JraAZw3Z3A0JSY7VXlZwo82Xn0G7wKbNNs2qoF4ZEEsQGTwDAroNdqKs1ofJxQ==", "license": "MIT", - "peer": true, "funding": { "type": "opencollective", "url": "https://opencollective.com/preact" @@ -15559,7 +15372,6 @@ "resolved": "https://registry.npmjs.org/react/-/react-19.2.6.tgz", "integrity": "sha512-sfWGGfavi0xr8Pg0sVsyHMAOziVYKgPLNrS7ig+ivMNb3wbCBw3KxtflsGBAwD3gYQlE/AEZsTLgToRrSCjb0Q==", "license": "MIT", - "peer": true, "engines": { "node": ">=0.10.0" } @@ -15569,7 +15381,6 @@ "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.6.tgz", "integrity": "sha512-0prMI+hvBbPjsWnxDLxlCGyM8PN6UuWjEUCYmZhO67xIV9Xasa/r/vDnq+Xyq4Lo27g8QSbO5YzARu0D1Sps3g==", "license": "MIT", - "peer": true, "dependencies": { "scheduler": "^0.27.0" }, @@ -15581,32 +15392,8 @@ "version": "16.13.1", "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==", - "license": "MIT", - "peer": true - }, - "node_modules/react-redux": { - "version": "9.3.0", - "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-9.3.0.tgz", - "integrity": "sha512-KQopgqFo/p/fgmAs5qz6p5RWaNAzq40WAu7fJIXnQpYxFPbJYtsJPWvGeF2rOBaY/kEuV77AVsX8TsQzKm+A/g==", - "license": "MIT", - "peer": true, - "dependencies": { - "@types/use-sync-external-store": "^0.0.6", - "use-sync-external-store": "^1.4.0" - }, - "peerDependencies": { - "@types/react": "^18.2.25 || ^19", - "react": "^18.0 || ^19", - "redux": "^5.0.0" - }, - "peerDependenciesMeta": { - "@types/react": { - "optional": true - }, - "redux": { - "optional": true - } - } + "dev": true, + "license": "MIT" }, "node_modules/react-remove-scroll": { "version": "2.7.2", @@ -15810,12 +15597,6 @@ "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==", "license": "ISC" }, - "node_modules/reselect": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/reselect/-/reselect-5.1.1.tgz", - "integrity": "sha512-K/BG6eIky/SBpzfHZv/dd+9JBFiS4SWV7FIujVyJRux6e45+73RaUHXLmIR1f7WOMaQ0U1km6qwklRQxpJJY0w==", - "license": "MIT" - }, "node_modules/resolve": { "version": "2.0.0-next.7", "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.7.tgz", @@ -15991,6 +15772,9 @@ "@types/node": "*" } }, + "node_modules/rpc-websockets/node_modules/bufferutil": { + "optional": true + }, "node_modules/rpc-websockets/node_modules/uuid": { "version": "14.0.0", "resolved": "https://registry.npmjs.org/uuid/-/uuid-14.0.0.tgz", @@ -16894,12 +16678,6 @@ "real-require": "^0.2.0" } }, - "node_modules/tiny-invariant": { - "version": "1.3.3", - "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz", - "integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==", - "license": "MIT" - }, "node_modules/tiny-secp256k1": { "version": "1.1.7", "resolved": "https://registry.npmjs.org/tiny-secp256k1/-/tiny-secp256k1-1.1.7.tgz", @@ -16981,7 +16759,6 @@ "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==", "dev": true, "license": "MIT", - "peer": true, "engines": { "node": ">=12" }, @@ -17117,8 +16894,7 @@ "version": "2.8.1", "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz", "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==", - "license": "0BSD", - "peer": true + "license": "0BSD" }, "node_modules/tw-animate-css": { "version": "1.4.0", @@ -17243,7 +17019,6 @@ "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz", "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==", "license": "Apache-2.0", - "peer": true, "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" @@ -17654,28 +17429,6 @@ "uint8array-tools": "^0.0.8" } }, - "node_modules/victory-vendor": { - "version": "37.3.6", - "resolved": "https://registry.npmjs.org/victory-vendor/-/victory-vendor-37.3.6.tgz", - "integrity": "sha512-SbPDPdDBYp+5MJHhBCAyI7wKM3d5ivekigc2Dk2s7pgbZ9wIgIBYGVw4zGHBml/qTFbexrofXW6Gu4noGxrOwQ==", - "license": "MIT AND ISC", - "dependencies": { - "@types/d3-array": "^3.0.3", - "@types/d3-ease": "^3.0.0", - "@types/d3-interpolate": "^3.0.1", - "@types/d3-scale": "^4.0.2", - "@types/d3-shape": "^3.1.0", - "@types/d3-time": "^3.0.0", - "@types/d3-timer": "^3.0.0", - "d3-array": "^3.1.6", - "d3-ease": "^3.0.1", - "d3-interpolate": "^3.0.1", - "d3-scale": "^4.0.2", - "d3-shape": "^3.1.0", - "d3-time": "^3.0.0", - "d3-timer": "^3.0.1" - } - }, "node_modules/viem": { "version": "2.51.3", "resolved": "https://registry.npmjs.org/viem/-/viem-2.51.3.tgz", @@ -18203,7 +17956,6 @@ "resolved": "https://registry.npmjs.org/ws/-/ws-8.21.0.tgz", "integrity": "sha512-Vsp28b7DRcimFQvrqu2Wek3z1iYxDCWqHYB8Qsnk/S4RfaCQzPGPyBNuVjJV3cd6UiKtUtp6sNM77gWvzcCH+g==", "license": "MIT", - "peer": true, "engines": { "node": ">=10.0.0" }, diff --git a/src/app/(dashboard)/customers/page.tsx b/src/app/(dashboard)/customers/page.tsx new file mode 100644 index 0000000..ce90886 --- /dev/null +++ b/src/app/(dashboard)/customers/page.tsx @@ -0,0 +1,26 @@ +export const metadata = { + title: "Customers | Shade", + description: "Review and manage Shade customers.", +}; + +export default function CustomersPage() { + return ( +
+
+

+ Shade merchant +

+

Customers

+
+ +
+

+ Customer management +

+

+ Customer profiles and payment history will appear here. +

+
+
+ ); +} diff --git a/src/app/dashboard/dashboard-actions.tsx b/src/app/(dashboard)/dashboard/dashboard-actions.tsx similarity index 100% rename from src/app/dashboard/dashboard-actions.tsx rename to src/app/(dashboard)/dashboard/dashboard-actions.tsx diff --git a/src/app/dashboard/layout.tsx b/src/app/(dashboard)/dashboard/layout.tsx similarity index 100% rename from src/app/dashboard/layout.tsx rename to src/app/(dashboard)/dashboard/layout.tsx diff --git a/src/app/(dashboard)/dashboard/page.tsx b/src/app/(dashboard)/dashboard/page.tsx new file mode 100644 index 0000000..02587b3 --- /dev/null +++ b/src/app/(dashboard)/dashboard/page.tsx @@ -0,0 +1,54 @@ +import { DollarSign, FileText, TrendingUp, Users } from "lucide-react"; + +import { ApiKeyManagement } from "@/components/dashboard/api-key-management"; +import { StatCard } from "@/components/StatCard"; +import { DashboardActions } from "./dashboard-actions"; + +export const metadata = { + title: "Dashboard | Shade", + description: "Shade merchant dashboard.", +}; + +export default function DashboardPage() { + return ( +
+
+

Dashboard

+

+ Welcome back. Here's an overview of your business. +

+
+ +
+ } + trend={12.5} + /> + } + trend={-3.2} + /> + } + trend={8.1} + /> + } + trend={5.4} + /> +
+ + + + +
+ ); +} diff --git a/src/app/invoice-tools/invoice-tools-client.tsx b/src/app/(dashboard)/invoice-tools/invoice-tools-client.tsx similarity index 100% rename from src/app/invoice-tools/invoice-tools-client.tsx rename to src/app/(dashboard)/invoice-tools/invoice-tools-client.tsx diff --git a/src/app/(dashboard)/invoice-tools/page.tsx b/src/app/(dashboard)/invoice-tools/page.tsx new file mode 100644 index 0000000..005504c --- /dev/null +++ b/src/app/(dashboard)/invoice-tools/page.tsx @@ -0,0 +1,23 @@ +import { InvoiceToolsClient } from "./invoice-tools-client"; + +export const metadata = { + title: "Invoice tools | Shade", + description: "Validation, lookup, timeline, and avatar components preview.", +}; + +export default function InvoiceToolsPage() { + return ( +
+
+

+ Shade merchant +

+

Invoice tools

+

+ Validated invoice creation, payer lookup, timeline, and logo uploader. +

+
+ +
+ ); +} diff --git a/src/app/(dashboard)/invoices/[id]/page.tsx b/src/app/(dashboard)/invoices/[id]/page.tsx new file mode 100644 index 0000000..881716f --- /dev/null +++ b/src/app/(dashboard)/invoices/[id]/page.tsx @@ -0,0 +1,105 @@ +import Link from "next/link"; + +import { InvoiceStatusBadge } from "@/components/invoice/invoice-status-badge"; +import type { InvoiceStatus } from "@/lib/invoice-types"; + +export const metadata = { + title: "Invoice details | Shade", + description: "View invoice details.", +}; + +type InvoiceDetailsPageProps = { + params: Promise<{ id: string }>; +}; + +function formatDate(value: string) { + const date = new Date(value); + if (Number.isNaN(date.getTime())) return value; + return date.toLocaleDateString(undefined, { + year: "numeric", + month: "long", + day: "numeric", + }); +} + +export default async function InvoiceDetailsPage({ + params, +}: InvoiceDetailsPageProps) { + const { id } = await params; + + const amount = "450.00"; + const token = "USDC"; + const status: InvoiceStatus = "pending"; + const createdAt = "2026-05-12T14:30:00.000Z"; + const dueDate = "2026-06-12T14:30:00.000Z"; + const payerName = "Acme Corp"; + const payerEmail = "billing@acme.example"; + + return ( +
+
+ + ← Back to invoices + +

+ Invoice {id} +

+
+ +
+
+
+

+ Amount due +

+

+ {amount}{" "} + + {token} + +

+
+ +
+ +
+
+

+ Created +

+

{formatDate(createdAt)}

+
+
+

+ Due date +

+

{formatDate(dueDate)}

+
+
+

+ Payer name +

+

{payerName}

+
+
+

+ Payer email +

+

{payerEmail}

+
+
+

+ Description +

+

+ Brand identity refresh — invoice reference {id} +

+
+
+
+
+ ); +} diff --git a/src/app/invoices/invoices-client.tsx b/src/app/(dashboard)/invoices/invoices-client.tsx similarity index 100% rename from src/app/invoices/invoices-client.tsx rename to src/app/(dashboard)/invoices/invoices-client.tsx diff --git a/src/app/(dashboard)/invoices/page.tsx b/src/app/(dashboard)/invoices/page.tsx new file mode 100644 index 0000000..e1c142c --- /dev/null +++ b/src/app/(dashboard)/invoices/page.tsx @@ -0,0 +1,20 @@ +import { InvoicesClient } from "./invoices-client"; + +export const metadata = { + title: "Invoices | Shade", + description: "Generate and review your Shade invoices.", +}; + +export default function InvoicesPage() { + return ( +
+
+

+ Shade merchant +

+

Invoices

+
+ +
+ ); +} diff --git a/src/app/(dashboard)/layout.tsx b/src/app/(dashboard)/layout.tsx index f72a963..11253ee 100644 --- a/src/app/(dashboard)/layout.tsx +++ b/src/app/(dashboard)/layout.tsx @@ -10,7 +10,7 @@ export default function DashboardLayout({
-
+
{children}
diff --git a/src/app/settings/api-keys/api-keys-client.tsx b/src/app/(dashboard)/settings/api-keys/api-keys-client.tsx similarity index 100% rename from src/app/settings/api-keys/api-keys-client.tsx rename to src/app/(dashboard)/settings/api-keys/api-keys-client.tsx diff --git a/src/app/settings/api-keys/page.tsx b/src/app/(dashboard)/settings/api-keys/page.tsx similarity index 100% rename from src/app/settings/api-keys/page.tsx rename to src/app/(dashboard)/settings/api-keys/page.tsx diff --git a/src/app/(dashboard)/settings/layout.tsx b/src/app/(dashboard)/settings/layout.tsx new file mode 100644 index 0000000..ed4d403 --- /dev/null +++ b/src/app/(dashboard)/settings/layout.tsx @@ -0,0 +1,31 @@ +import type { Metadata } from "next"; + +import { SettingsNav } from "@/components/settings/settings-nav"; + +export const metadata: Metadata = { + title: "Settings | Shade", + description: "Manage your Shade merchant profile and API keys.", +}; + +export default function SettingsLayout({ + children, +}: { + children: React.ReactNode; +}) { + return ( +
+
+

+ Shade merchant +

+

Settings

+
+
+ +
+ {children} +
+
+
+ ); +} diff --git a/src/app/settings/page.tsx b/src/app/(dashboard)/settings/page.tsx similarity index 100% rename from src/app/settings/page.tsx rename to src/app/(dashboard)/settings/page.tsx diff --git a/src/app/settings/profile/page.tsx b/src/app/(dashboard)/settings/profile/page.tsx similarity index 100% rename from src/app/settings/profile/page.tsx rename to src/app/(dashboard)/settings/profile/page.tsx diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx deleted file mode 100644 index 6b2c675..0000000 --- a/src/app/dashboard/page.tsx +++ /dev/null @@ -1,61 +0,0 @@ -import { ApiKeyManagement } from "@/components/dashboard/api-key-management"; -import { DollarSign, FileText, TrendingUp, Users } from "lucide-react"; - -import { Sidebar } from "@/components/Sidebar"; -import { Topbar } from "@/components/Topbar"; -import { StatCard } from "@/components/StatCard"; -import { DashboardActions } from "./dashboard-actions"; - -export const metadata = { - title: "Dashboard | Shade", - description: "Shade merchant dashboard.", -}; - -export default function DashboardPage() { - return ( -
- - - -
-
-
-

Dashboard

-

- Welcome back. Here's an overview of your business. -

-
- -
- } - trend={12.5} - /> - } - trend={-3.2} - /> - } - trend={8.1} - /> - } - trend={5.4} - /> -
- - -
-
-
- ); -} diff --git a/src/app/invoice-tools/page.tsx b/src/app/invoice-tools/page.tsx deleted file mode 100644 index 6edd123..0000000 --- a/src/app/invoice-tools/page.tsx +++ /dev/null @@ -1,26 +0,0 @@ -import { InvoiceToolsClient } from "./invoice-tools-client"; - -export const metadata = { - title: "Invoice tools | Shade", - description: "Validation, lookup, timeline, and avatar components preview.", -}; - -export default function InvoiceToolsPage() { - return ( -
-
-
-

- Shade merchant -

-

Invoice tools

-

- Validated invoice creation, payer lookup, timeline, and logo - uploader. -

-
- -
-
- ); -} diff --git a/src/app/invoices/[id]/page.tsx b/src/app/invoices/[id]/page.tsx deleted file mode 100644 index 0236c87..0000000 --- a/src/app/invoices/[id]/page.tsx +++ /dev/null @@ -1,107 +0,0 @@ -import Link from "next/link"; - -import { InvoiceStatusBadge } from "@/components/invoice/invoice-status-badge"; -import type { InvoiceStatus } from "@/lib/invoice-types"; - -export const metadata = { - title: "Invoice details | Shade", - description: "View invoice details.", -}; - -type InvoiceDetailsPageProps = { - params: Promise<{ id: string }>; -}; - -function formatDate(value: string) { - const date = new Date(value); - if (Number.isNaN(date.getTime())) return value; - return date.toLocaleDateString(undefined, { - year: "numeric", - month: "long", - day: "numeric", - }); -} - -export default async function InvoiceDetailsPage({ - params, -}: InvoiceDetailsPageProps) { - const { id } = await params; - - const amount = "450.00"; - const token = "USDC"; - const status: InvoiceStatus = "pending"; - const createdAt = "2026-05-12T14:30:00.000Z"; - const dueDate = "2026-06-12T14:30:00.000Z"; - const payerName = "Acme Corp"; - const payerEmail = "billing@acme.example"; - - return ( -
-
-
- - ← Back to invoices - -

- Invoice {id} -

-
- -
-
-
-

- Amount due -

-

- {amount}{" "} - - {token} - -

-
- -
- -
-
-

- Created -

-

{formatDate(createdAt)}

-
-
-

- Due date -

-

{formatDate(dueDate)}

-
-
-

- Payer name -

-

{payerName}

-
-
-

- Payer email -

-

{payerEmail}

-
-
-

- Description -

-

- Brand identity refresh — invoice reference {id} -

-
-
-
-
-
- ); -} diff --git a/src/app/invoices/page.tsx b/src/app/invoices/page.tsx deleted file mode 100644 index eae829b..0000000 --- a/src/app/invoices/page.tsx +++ /dev/null @@ -1,22 +0,0 @@ -import { InvoicesClient } from "./invoices-client"; - -export const metadata = { - title: "Invoices | Shade", - description: "Generate and review your Shade invoices.", -}; - -export default function InvoicesPage() { - return ( -
-
-
-

- Shade merchant -

-

Invoices

-
- -
-
- ); -} diff --git a/src/app/settings/layout.tsx b/src/app/settings/layout.tsx deleted file mode 100644 index 53d5051..0000000 --- a/src/app/settings/layout.tsx +++ /dev/null @@ -1,33 +0,0 @@ -import type { Metadata } from "next"; - -import { SettingsNav } from "@/components/settings/settings-nav"; - -export const metadata: Metadata = { - title: "Settings | Shade", - description: "Manage your Shade merchant profile and API keys.", -}; - -export default function SettingsLayout({ - children, -}: { - children: React.ReactNode; -}) { - return ( -
-
-
-

- Shade merchant -

-

Settings

-
-
- -
- {children} -
-
-
-
- ); -} diff --git a/src/components/MobileNav.tsx b/src/components/MobileNav.tsx new file mode 100644 index 0000000..bbcef72 --- /dev/null +++ b/src/components/MobileNav.tsx @@ -0,0 +1,136 @@ +"use client"; + +import { useEffect, useRef, useState } from "react"; +import Image from "next/image"; +import Link from "next/link"; +import { usePathname } from "next/navigation"; +import { LogOut, Menu, X } from "lucide-react"; + +import { navItems } from "@/lib/nav-items"; +import { cn } from "@/lib/utils"; + +export function MobileNav() { + const pathname = usePathname(); + const [open, setOpen] = useState(false); + const closeButtonRef = useRef(null); + + useEffect(() => { + if (!open) return; + setOpen(false); + // eslint-disable-next-line react-hooks/exhaustive-deps + }, [pathname]); + + useEffect(() => { + if (!open) return; + + const previousOverflow = document.body.style.overflow; + document.body.style.overflow = "hidden"; + + const onKeyDown = (event: KeyboardEvent) => { + if (event.key === "Escape") setOpen(false); + }; + + window.addEventListener("keydown", onKeyDown); + closeButtonRef.current?.focus(); + + return () => { + window.removeEventListener("keydown", onKeyDown); + document.body.style.overflow = previousOverflow; + }; + }, [open]); + + return ( +
+ + +
+
setOpen(false)} + /> + +
+
+
+ Shade + + Shade + +
+ + +
+ + + +
+ +
+
+
+
+ ); +} + diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx index 58145e4..704409c 100644 --- a/src/components/Sidebar.tsx +++ b/src/components/Sidebar.tsx @@ -3,28 +3,16 @@ import Link from "next/link"; import Image from "next/image"; import { usePathname } from "next/navigation"; -import { - FileText, - LayoutDashboard, - LogOut, - Settings, - Users, -} from "lucide-react"; +import { LogOut } from "lucide-react"; import { cn } from "@/lib/utils"; - -const navItems = [ - { href: "/dashboard", label: "Dashboard", icon: LayoutDashboard }, - { href: "/invoices", label: "Invoices", icon: FileText }, - { href: "/customers", label: "Customers", icon: Users }, - { href: "/settings", label: "Settings", icon: Settings }, -]; +import { navItems } from "@/lib/nav-items"; export function Sidebar() { const pathname = usePathname(); return ( -