diff --git a/dapp/package-lock.json b/dapp/package-lock.json index 7e14661..d4fdca0 100644 --- a/dapp/package-lock.json +++ b/dapp/package-lock.json @@ -826,6 +826,35 @@ "node": ">= 10" } }, + "node_modules/@noble/curves": { + "version": "1.7.0", + "resolved": "https://registry.npmjs.org/@noble/curves/-/curves-1.7.0.tgz", + "integrity": "sha512-UTMhXK9SeDhFJVrHeUJ5uZlI6ajXg10O6Ddocf9S6GjbSBVZsJo88HzKwXznNfGpMTRDyJkqMjNDPYgf0qFWnw==", + "license": "MIT", + "peer": true, + "dependencies": { + "@noble/hashes": "1.6.0" + }, + "engines": { + "node": "^14.21.3 || >=16" + }, + "funding": { + "url": "https://paulmillr.com/funding/" + } + }, + "node_modules/@noble/curves/node_modules/@noble/hashes": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.6.0.tgz", + "integrity": "sha512-YUULf0Uk4/mAA89w+k3+yUYh6NrEvxZa5T6SY3wlMvE2chHkxFUUIDI8/XW1QSC357iA5pSnqt7XEhvFOqmDyQ==", + "license": "MIT", + "peer": true, + "engines": { + "node": "^14.21.3 || >=16" + }, + "funding": { + "url": "https://paulmillr.com/funding/" + } + }, "node_modules/@noble/hashes": { "version": "1.7.1", "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.7.1.tgz", @@ -911,6 +940,16 @@ "dev": true, "license": "MIT" }, + "node_modules/@scure/base": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@scure/base/-/base-1.2.1.tgz", + "integrity": "sha512-DGmGtC8Tt63J5GfHgfl5CuAXh96VF/LD8K9Hr/Gv0J2lAoRGlPOMpqMpMbCTOoOJMZCk2Xt+DskdDyn6dEFdzQ==", + "license": "MIT", + "peer": true, + "funding": { + "url": "https://paulmillr.com/funding/" + } + }, "node_modules/@scure/bip32": { "version": "1.6.2", "resolved": "https://registry.npmjs.org/@scure/bip32/-/bip32-1.6.2.tgz", @@ -971,6 +1010,33 @@ "url": "https://paulmillr.com/funding/" } }, + "node_modules/@scure/starknet": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@scure/starknet/-/starknet-1.1.0.tgz", + "integrity": "sha512-83g3M6Ix2qRsPN4wqLDqiRZ2GBNbjVWfboJE/9UjfG+MHr6oDSu/CWgy8hsBSJejr09DkkL+l0Ze4KVrlCIdtQ==", + "license": "MIT", + "peer": true, + "dependencies": { + "@noble/curves": "~1.7.0", + "@noble/hashes": "~1.6.0" + }, + "funding": { + "url": "https://paulmillr.com/funding/" + } + }, + "node_modules/@scure/starknet/node_modules/@noble/hashes": { + "version": "1.6.1", + "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.6.1.tgz", + "integrity": "sha512-pq5D8h10hHBjyqX+cfBm0i8JUXJ0UhczFc4r74zbuT9XgewFo2E3J1cOaGtdZynILNmQ685YWGzGE1Zv6io50w==", + "license": "MIT", + "peer": true, + "engines": { + "node": "^14.21.3 || >=16" + }, + "funding": { + "url": "https://paulmillr.com/funding/" + } + }, "node_modules/@starknet-io/types-js": { "version": "0.7.10", "resolved": "https://registry.npmjs.org/@starknet-io/types-js/-/types-js-0.7.10.tgz", @@ -3013,6 +3079,17 @@ "reusify": "^1.0.4" } }, + "node_modules/fetch-cookie": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/fetch-cookie/-/fetch-cookie-3.0.1.tgz", + "integrity": "sha512-ZGXe8Y5Z/1FWqQ9q/CrJhkUD73DyBU9VF0hBQmEO/wPHe4A9PKTjplFDLeFX8aOsYypZUcX5Ji/eByn3VCVO3Q==", + "license": "Unlicense", + "peer": true, + "dependencies": { + "set-cookie-parser": "^2.4.8", + "tough-cookie": "^4.0.0" + } + }, "node_modules/file-entry-cache": { "version": "8.0.0", "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz", @@ -3228,6 +3305,17 @@ "node": ">= 0.4" } }, + "node_modules/get-starknet-core": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/get-starknet-core/-/get-starknet-core-4.0.0.tgz", + "integrity": "sha512-6pLmidQZkC3wZsrHY99grQHoGpuuXqkbSP65F8ov1/JsEI8DDLkhsAuLCKFzNOK56cJp+f1bWWfTJ57e9r5eqQ==", + "deprecated": "Package no longer supported. Please use @starknet-io/get-starknet-core", + "license": "MIT", + "peer": true, + "dependencies": { + "@starknet-io/types-js": "^0.7.7" + } + }, "node_modules/get-symbol-description": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz", @@ -3952,6 +4040,17 @@ "dev": true, "license": "ISC" }, + "node_modules/isomorphic-fetch": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/isomorphic-fetch/-/isomorphic-fetch-3.0.0.tgz", + "integrity": "sha512-qvUtwJ3j6qwsF3jLxkZ72qCgjMysPzDfeV240JHiGZsANBYd+EEuu35v7dfrJ9Up0Ak07D7GGSkGhCHTqg/5wA==", + "license": "MIT", + "peer": true, + "dependencies": { + "node-fetch": "^2.6.1", + "whatwg-fetch": "^3.4.1" + } + }, "node_modules/isows": { "version": "1.0.6", "resolved": "https://registry.npmjs.org/isows/-/isows-1.0.6.tgz", @@ -4193,6 +4292,13 @@ "loose-envify": "cli.js" } }, + "node_modules/lossless-json": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/lossless-json/-/lossless-json-4.0.2.tgz", + "integrity": "sha512-+z0EaLi2UcWi8MZRxA5iTb6m4Ys4E80uftGY+yG5KNFJb5EceQXOhdW/pWJZ8m97s26u7yZZAYMcKWNztSZssA==", + "license": "MIT", + "peer": true + }, "node_modules/lru-cache": { "version": "10.4.3", "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz", @@ -4402,6 +4508,27 @@ "node": "^10 || ^12 || >=14" } }, + "node_modules/node-fetch": { + "version": "2.7.0", + "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz", + "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==", + "license": "MIT", + "peer": true, + "dependencies": { + "whatwg-url": "^5.0.0" + }, + "engines": { + "node": "4.x || >=6.0.0" + }, + "peerDependencies": { + "encoding": "^0.1.0" + }, + "peerDependenciesMeta": { + "encoding": { + "optional": true + } + } + }, "node_modules/normalize-path": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", @@ -4663,6 +4790,13 @@ "dev": true, "license": "BlueOak-1.0.0" }, + "node_modules/pako": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/pako/-/pako-2.1.0.tgz", + "integrity": "sha512-w+eufiZ1WuJYgPXbV/PO3NCMEc3xqylkKHzp8bxp1uW4qaSNQUkwmLLEc3kKsfz8lpV1F8Ht3U1Cm+9Srog2ug==", + "license": "(MIT AND Zlib)", + "peer": true + }, "node_modules/parent-module": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz", @@ -4941,16 +5075,35 @@ "react-is": "^16.13.1" } }, + "node_modules/psl": { + "version": "1.15.0", + "resolved": "https://registry.npmjs.org/psl/-/psl-1.15.0.tgz", + "integrity": "sha512-JZd3gMVBAVQkSs6HdNZo9Sdo0LNcQeMNP3CozBJb3JYC/QUYZTnKxP+f8oWRX4rHP5EurWxqAHTSwUCjlNKa1w==", + "license": "MIT", + "peer": true, + "dependencies": { + "punycode": "^2.3.1" + }, + "funding": { + "url": "https://github.com/sponsors/lupomontero" + } + }, "node_modules/punycode": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz", "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==", - "dev": true, "license": "MIT", "engines": { "node": ">=6" } }, + "node_modules/querystringify": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz", + "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==", + "license": "MIT", + "peer": true + }, "node_modules/queue-microtask": { "version": "1.2.3", "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz", @@ -5085,6 +5238,13 @@ "node": ">=0.10.0" } }, + "node_modules/requires-port": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz", + "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==", + "license": "MIT", + "peer": true + }, "node_modules/resolve": { "version": "1.22.10", "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz", @@ -5235,6 +5395,13 @@ "node": ">=10" } }, + "node_modules/set-cookie-parser": { + "version": "2.7.1", + "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.7.1.tgz", + "integrity": "sha512-IOc8uWeOZgnb3ptbCURJWNjWUPcO3ZnTTdzsurqERrP6nPyv+paC55vJM0LpOlT2ne+Ix+9+CRG1MNLlyZ4GjQ==", + "license": "MIT", + "peer": true + }, "node_modules/set-function-length": { "version": "1.2.2", "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz", @@ -5462,6 +5629,47 @@ "dev": true, "license": "MIT" }, + "node_modules/starknet": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/starknet/-/starknet-6.24.1.tgz", + "integrity": "sha512-g7tiCt73berhcNi41otlN3T3kxZnIvZhMi8WdC21Y6GC6zoQgbI2z1t7JAZF9c4xZiomlanwVnurcpyfEdyMpg==", + "license": "MIT", + "peer": true, + "dependencies": { + "@noble/curves": "1.7.0", + "@noble/hashes": "1.6.0", + "@scure/base": "1.2.1", + "@scure/starknet": "1.1.0", + "abi-wan-kanabi": "^2.2.3", + "fetch-cookie": "~3.0.0", + "isomorphic-fetch": "~3.0.0", + "lossless-json": "^4.0.1", + "pako": "^2.0.4", + "starknet-types-07": "npm:@starknet-io/types-js@^0.7.10", + "ts-mixer": "^6.0.3" + } + }, + "node_modules/starknet-types-07": { + "name": "@starknet-io/types-js", + "version": "0.7.10", + "resolved": "https://registry.npmjs.org/@starknet-io/types-js/-/types-js-0.7.10.tgz", + "integrity": "sha512-1VtCqX4AHWJlRRSYGSn+4X1mqolI1Tdq62IwzoU2vUuEE72S1OlEeGhpvd6XsdqXcfHmVzYfj8k1XtKBQqwo9w==", + "license": "MIT", + "peer": true + }, + "node_modules/starknet/node_modules/@noble/hashes": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.6.0.tgz", + "integrity": "sha512-YUULf0Uk4/mAA89w+k3+yUYh6NrEvxZa5T6SY3wlMvE2chHkxFUUIDI8/XW1QSC357iA5pSnqt7XEhvFOqmDyQ==", + "license": "MIT", + "peer": true, + "engines": { + "node": "^14.21.3 || >=16" + }, + "funding": { + "url": "https://paulmillr.com/funding/" + } + }, "node_modules/streamsearch": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz", @@ -5896,6 +6104,39 @@ "node": ">=8.0" } }, + "node_modules/tough-cookie": { + "version": "4.1.4", + "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.4.tgz", + "integrity": "sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==", + "license": "BSD-3-Clause", + "peer": true, + "dependencies": { + "psl": "^1.1.33", + "punycode": "^2.1.1", + "universalify": "^0.2.0", + "url-parse": "^1.5.3" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/tough-cookie/node_modules/universalify": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz", + "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==", + "license": "MIT", + "peer": true, + "engines": { + "node": ">= 4.0.0" + } + }, + "node_modules/tr46": { + "version": "0.0.3", + "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz", + "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==", + "license": "MIT", + "peer": true + }, "node_modules/ts-api-utils": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.0.0.tgz", @@ -5916,6 +6157,13 @@ "dev": true, "license": "Apache-2.0" }, + "node_modules/ts-mixer": { + "version": "6.0.4", + "resolved": "https://registry.npmjs.org/ts-mixer/-/ts-mixer-6.0.4.tgz", + "integrity": "sha512-ufKpbmrugz5Aou4wcr5Wc1UUFWOLhq+Fm6qa6P0w0K5Qw2yhaUoiWszhCVuNQyNwrlGiscHOmqYoAox1PtvgjA==", + "license": "MIT", + "peer": true + }, "node_modules/tsconfig-paths": { "version": "3.15.0", "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz", @@ -6030,7 +6278,7 @@ "version": "5.7.3", "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.7.3.tgz", "integrity": "sha512-84MVSjMEHP+FQRPy3pX9sTVV/INIex71s9TL2Gm5FG/WG1SqXeKyZ0k7/blY/4FdOzI12CBy1vGc4og/eus0fw==", - "dev": true, + "devOptional": true, "license": "Apache-2.0", "bin": { "tsc": "bin/tsc", @@ -6085,6 +6333,17 @@ "punycode": "^2.1.0" } }, + "node_modules/url-parse": { + "version": "1.5.10", + "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz", + "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==", + "license": "MIT", + "peer": true, + "dependencies": { + "querystringify": "^2.1.1", + "requires-port": "^1.0.0" + } + }, "node_modules/util-deprecate": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", @@ -6137,6 +6396,31 @@ "url": "https://paulmillr.com/funding/" } }, + "node_modules/webidl-conversions": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz", + "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==", + "license": "BSD-2-Clause", + "peer": true + }, + "node_modules/whatwg-fetch": { + "version": "3.6.20", + "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.6.20.tgz", + "integrity": "sha512-EqhiFU6daOA8kpjOWTL0olhVOF3i7OrFzSYiGsEMB8GcXS+RrzauAERX65xMeNWVqxA6HXH2m69Z9LaKKdisfg==", + "license": "MIT", + "peer": true + }, + "node_modules/whatwg-url": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz", + "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==", + "license": "MIT", + "peer": true, + "dependencies": { + "tr46": "~0.0.3", + "webidl-conversions": "^3.0.0" + } + }, "node_modules/which": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", diff --git a/dapp/src/app/view-listed-asset/component/FilterBar.tsx b/dapp/src/app/view-listed-asset/component/FilterBar.tsx new file mode 100644 index 0000000..6d06aae --- /dev/null +++ b/dapp/src/app/view-listed-asset/component/FilterBar.tsx @@ -0,0 +1,22 @@ + + +export default function FilterBar() { + return ( +
+

filter:

+ + + +
+ + +
+
+ ); +} diff --git a/dapp/src/app/view-listed-asset/component/ListingInfo.tsx b/dapp/src/app/view-listed-asset/component/ListingInfo.tsx new file mode 100644 index 0000000..67710c4 --- /dev/null +++ b/dapp/src/app/view-listed-asset/component/ListingInfo.tsx @@ -0,0 +1,75 @@ +import Image from "next/image"; +import Punk from "@/assets/punk.png"; +import Net from "@/assets/net.png"; +import Reload from "@/assets/reload.png"; +import Angle from "@/assets/angle.png"; + +export default function ListingInfo() { + return ( +
+
+

Listing Information

+
+ network + angle + reload +
+
+ +
+ CryptoPunk +
+
+

Cryptopunk #1232

+

Cryptopunk VQ (STRK)

+
+ + Listed + +
+
+ +
+
+
+
+ Currency + All +
+
+ Acceptable Amount + 0.001 STRK +
+
+ Loan Duration + 14 days +
+
+ APR + 8% +
+
+ +

+ You can unlist your item at any time. +

+
+
+ + +
+
+ + +
+ ); +} diff --git a/dapp/src/app/view-listed-asset/component/LoanRow.tsx b/dapp/src/app/view-listed-asset/component/LoanRow.tsx new file mode 100644 index 0000000..676fa8a --- /dev/null +++ b/dapp/src/app/view-listed-asset/component/LoanRow.tsx @@ -0,0 +1,17 @@ +export default function LoanRow() { + return ( + + 2,856.41 + 0D673a4...2 + 1.17% + 14.19% + 30 days + 2,891.75 + + + + + ); +} diff --git a/dapp/src/app/view-listed-asset/component/LoanTable.tsx b/dapp/src/app/view-listed-asset/component/LoanTable.tsx new file mode 100644 index 0000000..22c3c22 --- /dev/null +++ b/dapp/src/app/view-listed-asset/component/LoanTable.tsx @@ -0,0 +1,35 @@ +import FilterBar from './FilterBar'; +import LoanRow from './LoanRow'; +import Pagination from './Pagination'; + +export default function LoanTable() { + return ( +
+
+ +
+ + + + + + + + + + + + + + {[...Array(6)].map((_, i) => ( + + ))} + +
Loan valueLenderInterestAPRDurationRepaymentAction
+ + +
+
+
+ ); +} diff --git a/dapp/src/app/view-listed-asset/component/Pagination.tsx b/dapp/src/app/view-listed-asset/component/Pagination.tsx new file mode 100644 index 0000000..5255415 --- /dev/null +++ b/dapp/src/app/view-listed-asset/component/Pagination.tsx @@ -0,0 +1,25 @@ +import React from "react"; + +const Pagination = () => { + return ( +
+ + Showing 1 to 06 of{" "} + 3 items + +
+ + + + + + + +
+
+ ); +}; + +export default Pagination; diff --git a/dapp/src/app/view-listed-asset/page.tsx b/dapp/src/app/view-listed-asset/page.tsx new file mode 100644 index 0000000..fa59be0 --- /dev/null +++ b/dapp/src/app/view-listed-asset/page.tsx @@ -0,0 +1,32 @@ +import React from 'react'; +import Image from 'next/image'; +import Back from '@/assets/back.png'; +import ListingInfo from './component/ListingInfo'; +import LoanTable from './component/LoanTable'; + +const Page = () => { + return ( +
+
+ + +
+
+ +
+ +
+ +
+
+
+
+ ); +}; + +export default Page; diff --git a/dapp/src/assets/% .png b/dapp/src/assets/% .png new file mode 100644 index 0000000..248eee8 Binary files /dev/null and b/dapp/src/assets/% .png differ diff --git a/dapp/src/assets/Frame 1000007652.png b/dapp/src/assets/Frame 1000007652.png new file mode 100644 index 0000000..8dbc69e Binary files /dev/null and b/dapp/src/assets/Frame 1000007652.png differ diff --git a/dapp/src/assets/angle.png b/dapp/src/assets/angle.png new file mode 100644 index 0000000..6f890b2 Binary files /dev/null and b/dapp/src/assets/angle.png differ diff --git a/dapp/src/assets/back.png b/dapp/src/assets/back.png new file mode 100644 index 0000000..f2c8807 Binary files /dev/null and b/dapp/src/assets/back.png differ diff --git a/dapp/src/assets/net.png b/dapp/src/assets/net.png new file mode 100644 index 0000000..4e7f0ed Binary files /dev/null and b/dapp/src/assets/net.png differ diff --git a/dapp/src/assets/punk.png b/dapp/src/assets/punk.png new file mode 100644 index 0000000..de31d20 Binary files /dev/null and b/dapp/src/assets/punk.png differ diff --git a/dapp/src/assets/reload.png b/dapp/src/assets/reload.png new file mode 100644 index 0000000..58c7da0 Binary files /dev/null and b/dapp/src/assets/reload.png differ diff --git a/website/src/app/view-listed-asset/component/FilterBar.tsx b/website/src/app/view-listed-asset/component/FilterBar.tsx new file mode 100644 index 0000000..edea660 --- /dev/null +++ b/website/src/app/view-listed-asset/component/FilterBar.tsx @@ -0,0 +1,16 @@ +export default function FilterBar() { + return ( +
+

filter:

+
+ + + +
+
+ + +
+
+ ); +} diff --git a/website/src/app/view-listed-asset/component/ListingInfo.tsx b/website/src/app/view-listed-asset/component/ListingInfo.tsx new file mode 100644 index 0000000..105fda1 --- /dev/null +++ b/website/src/app/view-listed-asset/component/ListingInfo.tsx @@ -0,0 +1,70 @@ +import Image from "next/image"; +import Punk from "@/assets/punk.png"; +import Net from "@/assets/net.png"; +import Reload from "@/assets/reload.png"; +import Angle from "@/assets/angle.png"; + +export default function ListingInfo() { + return ( +
+
+

Listing Information

+
+ network + angle + reload +
+
+ +
+ CryptoPunk +
+
+

Cryptopunk #1232

+

Cryptopunk VQ (STRK)

+
+ + Listed + +
+
+ +
+
+ Currency + All +
+
+ Acceptable Amount + 0.001 STRK +
+
+ Loan Duration + 14 days +
+
+ APR + 8% +
+
+ +

+ You can unlist your item at any time. +

+ +
+ + +
+
+ ); +} diff --git a/website/src/app/view-listed-asset/component/LoanRow.tsx b/website/src/app/view-listed-asset/component/LoanRow.tsx new file mode 100644 index 0000000..9eb829b --- /dev/null +++ b/website/src/app/view-listed-asset/component/LoanRow.tsx @@ -0,0 +1,17 @@ +export default function LoanRow() { + return ( + + 2,856.41 + 0D673a4...2 + 1.17% + 14.19% + 30 days + 2,891.75 + + + + + ); +} diff --git a/website/src/app/view-listed-asset/component/LoanTable.tsx b/website/src/app/view-listed-asset/component/LoanTable.tsx new file mode 100644 index 0000000..045a31d --- /dev/null +++ b/website/src/app/view-listed-asset/component/LoanTable.tsx @@ -0,0 +1,33 @@ +import FilterBar from './FilterBar'; +import LoanRow from './LoanRow'; + +export default function LoanTable() { + return ( +
+ +
+ + + + + + + + + + + + + + {[...Array(6)].map((_, i) => ( + + ))} + +
Loan valueLenderInterestAPRDurationRepaymentAction
+
+ Showing 1 to 6 of 13 items +
+
+
+ ); +} diff --git a/website/src/app/view-listed-asset/page.tsx b/website/src/app/view-listed-asset/page.tsx new file mode 100644 index 0000000..0a40202 --- /dev/null +++ b/website/src/app/view-listed-asset/page.tsx @@ -0,0 +1,23 @@ +import React from 'react'; +import ListingInfo from './component/ListingInfo'; +import LoanTable from './component/LoanTable'; + +const Page = () => { + return ( +
+ + +
+ + +
+ +
+
+
+ ); +}; + +export default Page; diff --git a/website/src/assets/angle.png b/website/src/assets/angle.png new file mode 100644 index 0000000..6f890b2 Binary files /dev/null and b/website/src/assets/angle.png differ diff --git a/website/src/assets/back.png b/website/src/assets/back.png new file mode 100644 index 0000000..f2c8807 Binary files /dev/null and b/website/src/assets/back.png differ diff --git a/website/src/assets/net.png b/website/src/assets/net.png new file mode 100644 index 0000000..4e7f0ed Binary files /dev/null and b/website/src/assets/net.png differ diff --git a/website/src/assets/punk.png b/website/src/assets/punk.png new file mode 100644 index 0000000..de31d20 Binary files /dev/null and b/website/src/assets/punk.png differ diff --git a/website/src/assets/reload.png b/website/src/assets/reload.png new file mode 100644 index 0000000..58c7da0 Binary files /dev/null and b/website/src/assets/reload.png differ