Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
d9858ecae8
|
7
.idea/discord.xml
generated
7
.idea/discord.xml
generated
@ -1,7 +0,0 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="DiscordProjectSettings">
|
||||
<option name="show" value="APPLICATION" />
|
||||
<option name="description" value="" />
|
||||
</component>
|
||||
</project>
|
||||
10
.idea/inspectionProfiles/Project_Default.xml
generated
10
.idea/inspectionProfiles/Project_Default.xml
generated
@ -1,10 +0,0 @@
|
||||
<component name="InspectionProjectProfileManager">
|
||||
<profile version="1.0">
|
||||
<option name="myName" value="Project Default" />
|
||||
<inspection_tool class="DuplicatedCode" enabled="true" level="WEAK WARNING" enabled_by_default="true">
|
||||
<Languages>
|
||||
<language minSize="86" name="TypeScript" />
|
||||
</Languages>
|
||||
</inspection_tool>
|
||||
</profile>
|
||||
</component>
|
||||
29
package.json
29
package.json
@ -39,25 +39,24 @@
|
||||
"@radix-ui/react-toggle": "^1.0.3",
|
||||
"@radix-ui/react-toggle-group": "^1.0.4",
|
||||
"@radix-ui/react-tooltip": "^1.0.7",
|
||||
"@tanstack/react-table": "^8.17.3",
|
||||
"axios": "^1.7.2",
|
||||
"class-variance-authority": "^0.7.0",
|
||||
"clsx": "^2.1.1",
|
||||
"cmdk": "^1.0.0",
|
||||
"date-fns": "^3.6.0",
|
||||
"embla-carousel-react": "^8.1.5",
|
||||
"embla-carousel-react": "^8.1.3",
|
||||
"framer-motion": "^11.2.10",
|
||||
"input-otp": "^1.2.4",
|
||||
"lightweight-charts": "^4.1.5",
|
||||
"lucide-react": "^0.395.0",
|
||||
"next": "14.2.4",
|
||||
"lightweight-charts": "^4.1.4",
|
||||
"lucide-react": "^0.387.0",
|
||||
"next": "14.2.3",
|
||||
"next-themes": "^0.3.0",
|
||||
"react": "^18.3.1",
|
||||
"react": "^18",
|
||||
"react-day-picker": "^8.10.1",
|
||||
"react-dom": "^18.3.1",
|
||||
"react-hook-form": "^7.52.0",
|
||||
"react-dom": "^18",
|
||||
"react-hook-form": "^7.51.5",
|
||||
"react-resizable-panels": "^2.0.19",
|
||||
"sonner": "^1.5.0",
|
||||
"sonner": "^1.4.41",
|
||||
"tailwind-merge": "^2.3.0",
|
||||
"tailwindcss-animate": "^1.0.7",
|
||||
"vaul": "^0.9.1",
|
||||
@ -66,12 +65,12 @@
|
||||
"devDependencies": {
|
||||
"@biomejs/biome": "1.8.1",
|
||||
"@types/jest": "^29.5.12",
|
||||
"@types/node": "^20.14.2",
|
||||
"@types/react": "^18.3.3",
|
||||
"@types/react-dom": "^18.3.0",
|
||||
"@types/node": "^20",
|
||||
"@types/react": "^18",
|
||||
"@types/react-dom": "^18",
|
||||
"jest": "^29.7.0",
|
||||
"postcss": "^8.4.38",
|
||||
"tailwindcss": "^3.4.4",
|
||||
"typescript": "^5.4.5"
|
||||
"postcss": "^8",
|
||||
"tailwindcss": "^3.4.1",
|
||||
"typescript": "^5"
|
||||
}
|
||||
}
|
||||
|
||||
256
pnpm-lock.yaml
generated
256
pnpm-lock.yaml
generated
@ -13,7 +13,7 @@ importers:
|
||||
version: 5.0.3
|
||||
'@hookform/resolvers':
|
||||
specifier: ^3.6.0
|
||||
version: 3.6.0(react-hook-form@7.52.0(react@18.3.1))
|
||||
version: 3.6.0(react-hook-form@7.51.5(react@18.3.1))
|
||||
'@radix-ui/react-accordion':
|
||||
specifier: ^1.1.2
|
||||
version: 1.1.2(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
|
||||
@ -95,9 +95,6 @@ importers:
|
||||
'@radix-ui/react-tooltip':
|
||||
specifier: ^1.0.7
|
||||
version: 1.0.7(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
|
||||
'@tanstack/react-table':
|
||||
specifier: ^8.17.3
|
||||
version: 8.17.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
|
||||
axios:
|
||||
specifier: ^1.7.2
|
||||
version: 1.7.2
|
||||
@ -114,8 +111,8 @@ importers:
|
||||
specifier: ^3.6.0
|
||||
version: 3.6.0
|
||||
embla-carousel-react:
|
||||
specifier: ^8.1.5
|
||||
version: 8.1.5(react@18.3.1)
|
||||
specifier: ^8.1.3
|
||||
version: 8.1.3(react@18.3.1)
|
||||
framer-motion:
|
||||
specifier: ^11.2.10
|
||||
version: 11.2.10(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
|
||||
@ -123,35 +120,35 @@ importers:
|
||||
specifier: ^1.2.4
|
||||
version: 1.2.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
|
||||
lightweight-charts:
|
||||
specifier: ^4.1.5
|
||||
version: 4.1.5
|
||||
specifier: ^4.1.4
|
||||
version: 4.1.4
|
||||
lucide-react:
|
||||
specifier: ^0.395.0
|
||||
version: 0.395.0(react@18.3.1)
|
||||
specifier: ^0.387.0
|
||||
version: 0.387.0(react@18.3.1)
|
||||
next:
|
||||
specifier: 14.2.4
|
||||
version: 14.2.4(@babel/core@7.24.7)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
|
||||
specifier: 14.2.3
|
||||
version: 14.2.3(@babel/core@7.24.7)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
|
||||
next-themes:
|
||||
specifier: ^0.3.0
|
||||
version: 0.3.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
|
||||
react:
|
||||
specifier: ^18.3.1
|
||||
specifier: ^18
|
||||
version: 18.3.1
|
||||
react-day-picker:
|
||||
specifier: ^8.10.1
|
||||
version: 8.10.1(date-fns@3.6.0)(react@18.3.1)
|
||||
react-dom:
|
||||
specifier: ^18.3.1
|
||||
specifier: ^18
|
||||
version: 18.3.1(react@18.3.1)
|
||||
react-hook-form:
|
||||
specifier: ^7.52.0
|
||||
version: 7.52.0(react@18.3.1)
|
||||
specifier: ^7.51.5
|
||||
version: 7.51.5(react@18.3.1)
|
||||
react-resizable-panels:
|
||||
specifier: ^2.0.19
|
||||
version: 2.0.19(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
|
||||
sonner:
|
||||
specifier: ^1.5.0
|
||||
version: 1.5.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
|
||||
specifier: ^1.4.41
|
||||
version: 1.4.41(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
|
||||
tailwind-merge:
|
||||
specifier: ^2.3.0
|
||||
version: 2.3.0
|
||||
@ -172,25 +169,25 @@ importers:
|
||||
specifier: ^29.5.12
|
||||
version: 29.5.12
|
||||
'@types/node':
|
||||
specifier: ^20.14.2
|
||||
specifier: ^20
|
||||
version: 20.14.2
|
||||
'@types/react':
|
||||
specifier: ^18.3.3
|
||||
specifier: ^18
|
||||
version: 18.3.3
|
||||
'@types/react-dom':
|
||||
specifier: ^18.3.0
|
||||
specifier: ^18
|
||||
version: 18.3.0
|
||||
jest:
|
||||
specifier: ^29.7.0
|
||||
version: 29.7.0(@types/node@20.14.2)
|
||||
postcss:
|
||||
specifier: ^8.4.38
|
||||
specifier: ^8
|
||||
version: 8.4.38
|
||||
tailwindcss:
|
||||
specifier: ^3.4.4
|
||||
specifier: ^3.4.1
|
||||
version: 3.4.4
|
||||
typescript:
|
||||
specifier: ^5.4.5
|
||||
specifier: ^5
|
||||
version: 5.4.5
|
||||
|
||||
packages:
|
||||
@ -546,59 +543,59 @@ packages:
|
||||
'@jridgewell/trace-mapping@0.3.25':
|
||||
resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
|
||||
|
||||
'@next/env@14.2.4':
|
||||
resolution: {integrity: sha512-3EtkY5VDkuV2+lNmKlbkibIJxcO4oIHEhBWne6PaAp+76J9KoSsGvNikp6ivzAT8dhhBMYrm6op2pS1ApG0Hzg==}
|
||||
'@next/env@14.2.3':
|
||||
resolution: {integrity: sha512-W7fd7IbkfmeeY2gXrzJYDx8D2lWKbVoTIj1o1ScPHNzvp30s1AuoEFSdr39bC5sjxJaxTtq3OTCZboNp0lNWHA==}
|
||||
|
||||
'@next/swc-darwin-arm64@14.2.4':
|
||||
resolution: {integrity: sha512-AH3mO4JlFUqsYcwFUHb1wAKlebHU/Hv2u2kb1pAuRanDZ7pD/A/KPD98RHZmwsJpdHQwfEc/06mgpSzwrJYnNg==}
|
||||
'@next/swc-darwin-arm64@14.2.3':
|
||||
resolution: {integrity: sha512-3pEYo/RaGqPP0YzwnlmPN2puaF2WMLM3apt5jLW2fFdXD9+pqcoTzRk+iZsf8ta7+quAe4Q6Ms0nR0SFGFdS1A==}
|
||||
engines: {node: '>= 10'}
|
||||
cpu: [arm64]
|
||||
os: [darwin]
|
||||
|
||||
'@next/swc-darwin-x64@14.2.4':
|
||||
resolution: {integrity: sha512-QVadW73sWIO6E2VroyUjuAxhWLZWEpiFqHdZdoQ/AMpN9YWGuHV8t2rChr0ahy+irKX5mlDU7OY68k3n4tAZTg==}
|
||||
'@next/swc-darwin-x64@14.2.3':
|
||||
resolution: {integrity: sha512-6adp7waE6P1TYFSXpY366xwsOnEXM+y1kgRpjSRVI2CBDOcbRjsJ67Z6EgKIqWIue52d2q/Mx8g9MszARj8IEA==}
|
||||
engines: {node: '>= 10'}
|
||||
cpu: [x64]
|
||||
os: [darwin]
|
||||
|
||||
'@next/swc-linux-arm64-gnu@14.2.4':
|
||||
resolution: {integrity: sha512-KT6GUrb3oyCfcfJ+WliXuJnD6pCpZiosx2X3k66HLR+DMoilRb76LpWPGb4tZprawTtcnyrv75ElD6VncVamUQ==}
|
||||
'@next/swc-linux-arm64-gnu@14.2.3':
|
||||
resolution: {integrity: sha512-cuzCE/1G0ZSnTAHJPUT1rPgQx1w5tzSX7POXSLaS7w2nIUJUD+e25QoXD/hMfxbsT9rslEXugWypJMILBj/QsA==}
|
||||
engines: {node: '>= 10'}
|
||||
cpu: [arm64]
|
||||
os: [linux]
|
||||
|
||||
'@next/swc-linux-arm64-musl@14.2.4':
|
||||
resolution: {integrity: sha512-Alv8/XGSs/ytwQcbCHwze1HmiIkIVhDHYLjczSVrf0Wi2MvKn/blt7+S6FJitj3yTlMwMxII1gIJ9WepI4aZ/A==}
|
||||
'@next/swc-linux-arm64-musl@14.2.3':
|
||||
resolution: {integrity: sha512-0D4/oMM2Y9Ta3nGuCcQN8jjJjmDPYpHX9OJzqk42NZGJocU2MqhBq5tWkJrUQOQY9N+In9xOdymzapM09GeiZw==}
|
||||
engines: {node: '>= 10'}
|
||||
cpu: [arm64]
|
||||
os: [linux]
|
||||
|
||||
'@next/swc-linux-x64-gnu@14.2.4':
|
||||
resolution: {integrity: sha512-ze0ShQDBPCqxLImzw4sCdfnB3lRmN3qGMB2GWDRlq5Wqy4G36pxtNOo2usu/Nm9+V2Rh/QQnrRc2l94kYFXO6Q==}
|
||||
'@next/swc-linux-x64-gnu@14.2.3':
|
||||
resolution: {integrity: sha512-ENPiNnBNDInBLyUU5ii8PMQh+4XLr4pG51tOp6aJ9xqFQ2iRI6IH0Ds2yJkAzNV1CfyagcyzPfROMViS2wOZ9w==}
|
||||
engines: {node: '>= 10'}
|
||||
cpu: [x64]
|
||||
os: [linux]
|
||||
|
||||
'@next/swc-linux-x64-musl@14.2.4':
|
||||
resolution: {integrity: sha512-8dwC0UJoc6fC7PX70csdaznVMNr16hQrTDAMPvLPloazlcaWfdPogq+UpZX6Drqb1OBlwowz8iG7WR0Tzk/diQ==}
|
||||
'@next/swc-linux-x64-musl@14.2.3':
|
||||
resolution: {integrity: sha512-BTAbq0LnCbF5MtoM7I/9UeUu/8ZBY0i8SFjUMCbPDOLv+un67e2JgyN4pmgfXBwy/I+RHu8q+k+MCkDN6P9ViQ==}
|
||||
engines: {node: '>= 10'}
|
||||
cpu: [x64]
|
||||
os: [linux]
|
||||
|
||||
'@next/swc-win32-arm64-msvc@14.2.4':
|
||||
resolution: {integrity: sha512-jxyg67NbEWkDyvM+O8UDbPAyYRZqGLQDTPwvrBBeOSyVWW/jFQkQKQ70JDqDSYg1ZDdl+E3nkbFbq8xM8E9x8A==}
|
||||
'@next/swc-win32-arm64-msvc@14.2.3':
|
||||
resolution: {integrity: sha512-AEHIw/dhAMLNFJFJIJIyOFDzrzI5bAjI9J26gbO5xhAKHYTZ9Or04BesFPXiAYXDNdrwTP2dQceYA4dL1geu8A==}
|
||||
engines: {node: '>= 10'}
|
||||
cpu: [arm64]
|
||||
os: [win32]
|
||||
|
||||
'@next/swc-win32-ia32-msvc@14.2.4':
|
||||
resolution: {integrity: sha512-twrmN753hjXRdcrZmZttb/m5xaCBFa48Dt3FbeEItpJArxriYDunWxJn+QFXdJ3hPkm4u7CKxncVvnmgQMY1ag==}
|
||||
'@next/swc-win32-ia32-msvc@14.2.3':
|
||||
resolution: {integrity: sha512-vga40n1q6aYb0CLrM+eEmisfKCR45ixQYXuBXxOOmmoV8sYST9k7E3US32FsY+CkkF7NtzdcebiFT4CHuMSyZw==}
|
||||
engines: {node: '>= 10'}
|
||||
cpu: [ia32]
|
||||
os: [win32]
|
||||
|
||||
'@next/swc-win32-x64-msvc@14.2.4':
|
||||
resolution: {integrity: sha512-tkLrjBzqFTP8DVrAAQmZelEahfR9OxWpFR++vAI9FBhCiIxtwHwBHC23SBHCTURBtwB4kc/x44imVOnkKGNVGg==}
|
||||
'@next/swc-win32-x64-msvc@14.2.3':
|
||||
resolution: {integrity: sha512-Q1/zm43RWynxrO7lW4ehciQVj+5ePBhOK+/K2P7pLFX3JaJ/IZVC69SHidrmZSOkqz7ECIOhhy7XhAFG4JYyHA==}
|
||||
engines: {node: '>= 10'}
|
||||
cpu: [x64]
|
||||
os: [win32]
|
||||
@ -1241,17 +1238,6 @@ packages:
|
||||
'@swc/helpers@0.5.5':
|
||||
resolution: {integrity: sha512-KGYxvIOXcceOAbEk4bi/dVLEK9z8sZ0uBB3Il5b1rhfClSpcX0yfRO0KmTkqR2cnQDymwLB+25ZyMzICg/cm/A==}
|
||||
|
||||
'@tanstack/react-table@8.17.3':
|
||||
resolution: {integrity: sha512-5gwg5SvPD3lNAXPuJJz1fOCEZYk9/GeBFH3w/hCgnfyszOIzwkwgp5I7Q4MJtn0WECp84b5STQUDdmvGi8m3nA==}
|
||||
engines: {node: '>=12'}
|
||||
peerDependencies:
|
||||
react: '>=16.8'
|
||||
react-dom: '>=16.8'
|
||||
|
||||
'@tanstack/table-core@8.17.3':
|
||||
resolution: {integrity: sha512-mPBodDGVL+fl6d90wUREepHa/7lhsghg2A3vFpakEhrhtbIlgNAZiMr7ccTgak5qbHqF14Fwy+W1yFWQt+WmYQ==}
|
||||
engines: {node: '>=12'}
|
||||
|
||||
'@types/babel__core@7.20.5':
|
||||
resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
|
||||
|
||||
@ -1424,8 +1410,8 @@ packages:
|
||||
resolution: {integrity: sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==}
|
||||
engines: {node: '>=10'}
|
||||
|
||||
caniuse-lite@1.0.30001636:
|
||||
resolution: {integrity: sha512-bMg2vmr8XBsbL6Lr0UHXy/21m84FTxDLWn2FSqMd5PrlbMxwJlQnC2YWYxVgp66PZE+BBNF2jYQUBKCo1FDeZg==}
|
||||
caniuse-lite@1.0.30001629:
|
||||
resolution: {integrity: sha512-c3dl911slnQhmxUIT4HhYzT7wnBK/XYpGnYLOj4nJBaRiw52Ibe7YxlDaAeRECvA786zCuExhxIUJ2K7nHMrBw==}
|
||||
|
||||
chalk@2.4.2:
|
||||
resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
|
||||
@ -1573,21 +1559,21 @@ packages:
|
||||
eastasianwidth@0.2.0:
|
||||
resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
|
||||
|
||||
electron-to-chromium@1.4.803:
|
||||
resolution: {integrity: sha512-61H9mLzGOCLLVsnLiRzCbc63uldP0AniRYPV3hbGVtONA1pI7qSGILdbofR7A8TMbOypDocEAjH/e+9k1QIe3g==}
|
||||
electron-to-chromium@1.4.796:
|
||||
resolution: {integrity: sha512-NglN/xprcM+SHD2XCli4oC6bWe6kHoytcyLKCWXmRL854F0qhPhaYgUswUsglnPxYaNQIg2uMY4BvaomIf3kLA==}
|
||||
|
||||
embla-carousel-react@8.1.5:
|
||||
resolution: {integrity: sha512-xFmfxgJd7mpWDHQ4iyK1Qs+5BTTwu4bkn+mSROKiUH9nKpPHTeilQ+rpeQDCHRrAPeshD67aBk0/p6FxWxXsng==}
|
||||
embla-carousel-react@8.1.3:
|
||||
resolution: {integrity: sha512-YrezDPgxPDKa+OKMhSrwuPEU2OgF5147vFW473EWT3bx9DETV3W/RyWTxq0/2pf3M4VXkjqFNbS/W1xM8lTaVg==}
|
||||
peerDependencies:
|
||||
react: ^16.8.0 || ^17.0.1 || ^18.0.0
|
||||
|
||||
embla-carousel-reactive-utils@8.1.5:
|
||||
resolution: {integrity: sha512-76uZTrSaEGGta+qpiGkMFlLK0I7N04TdjZ2obrBhyggYIFDWlxk1CriIEmt2lisLNsa1IYXM85kr863JoCMSyg==}
|
||||
embla-carousel-reactive-utils@8.1.3:
|
||||
resolution: {integrity: sha512-D8tAK6NRQVEubMWb+b/BJ3VvGPsbEeEFOBM6cCCwfiyfLzNlacOAt0q2dtUEA9DbGxeWkB8ExgXzFRxhGV2Hig==}
|
||||
peerDependencies:
|
||||
embla-carousel: 8.1.5
|
||||
embla-carousel: 8.1.3
|
||||
|
||||
embla-carousel@8.1.5:
|
||||
resolution: {integrity: sha512-R6xTf7cNdR2UTNM6/yUPZlJFRmZSogMiRjJ5vXHO65II5MoUlrVYUAP0fHQei/py82Vf15lj+WI+QdhnzBxA2g==}
|
||||
embla-carousel@8.1.3:
|
||||
resolution: {integrity: sha512-GiRpKtzidV3v50oVMly8S+D7iE1r96ttt7fSlvtyKHoSkzrAnVcu8fX3c4j8Ol2hZSQlVfDqDIqdrFPs0u5TWQ==}
|
||||
|
||||
emittery@0.13.1:
|
||||
resolution: {integrity: sha512-DeWwawk6r5yR9jFgnDKYt4sLS0LmHJJi3ZOnb5/JdbYwj3nW+FxQnHIjhBKz8YLC7oRNPVM9NQ47I3CVx34eqQ==}
|
||||
@ -1664,8 +1650,8 @@ packages:
|
||||
debug:
|
||||
optional: true
|
||||
|
||||
foreground-child@3.2.1:
|
||||
resolution: {integrity: sha512-PXUUyLqrR2XCWICfv6ukppP96sdFwWbNEnfEMt7jNsISjMsvaLNinAHNDYyvkyU+SZG2BTSbT5NjG+vZslfGTA==}
|
||||
foreground-child@3.1.1:
|
||||
resolution: {integrity: sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==}
|
||||
engines: {node: '>=14'}
|
||||
|
||||
form-data@4.0.0:
|
||||
@ -1979,8 +1965,8 @@ packages:
|
||||
node-notifier:
|
||||
optional: true
|
||||
|
||||
jiti@1.21.6:
|
||||
resolution: {integrity: sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==}
|
||||
jiti@1.21.3:
|
||||
resolution: {integrity: sha512-uy2bNX5zQ+tESe+TiC7ilGRz8AtRGmnJH55NC5S0nSUjvvvM2hJHmefHErugGXN4pNv4Qx7vLsnNw9qJ9mtIsw==}
|
||||
hasBin: true
|
||||
|
||||
js-tokens@4.0.0:
|
||||
@ -2011,15 +1997,15 @@ packages:
|
||||
resolution: {integrity: sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==}
|
||||
engines: {node: '>=6'}
|
||||
|
||||
lightweight-charts@4.1.5:
|
||||
resolution: {integrity: sha512-2ML3CgwKGX3FsvLs+ExvIM+C4/cYaa4dsYUy8BHfdqAgYY+bwjIzSDsv5PpTE2a1rDKQBI5LJRtocELcWeXTWw==}
|
||||
lightweight-charts@4.1.4:
|
||||
resolution: {integrity: sha512-jsQOK27a3wiw/Db3Eoo3VX93LGovXA/sOWHVEiEosGOOGtxSSuIWTYVebjRKGK0SWkkUwI8AHQ4j7HZSKm7fxA==}
|
||||
|
||||
lilconfig@2.1.0:
|
||||
resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
|
||||
engines: {node: '>=10'}
|
||||
|
||||
lilconfig@3.1.2:
|
||||
resolution: {integrity: sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow==}
|
||||
lilconfig@3.1.1:
|
||||
resolution: {integrity: sha512-O18pf7nyvHTckunPWCV1XUNXU1piu01y2b7ATJ0ppkUkk8ocqVWBrYjJBCwHDjD/ZWcfyrA0P4gKhzWGi5EINQ==}
|
||||
engines: {node: '>=14'}
|
||||
|
||||
lines-and-columns@1.2.4:
|
||||
@ -2040,8 +2026,8 @@ packages:
|
||||
lru-cache@5.1.1:
|
||||
resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
|
||||
|
||||
lucide-react@0.395.0:
|
||||
resolution: {integrity: sha512-6hzdNH5723A4FLaYZWpK50iyZH8iS2Jq5zuPRRotOFkhu6kxxJiebVdJ72tCR5XkiIeYFOU5NUawFZOac+VeYw==}
|
||||
lucide-react@0.387.0:
|
||||
resolution: {integrity: sha512-NyB4oJZ0pzLHT/QgMpgCPbez6yqvz8QPBocMJBXQCInPpXcQVCUpcU1CDlRG8mT2j0KqodLQYp+F5zn8U86sXg==}
|
||||
peerDependencies:
|
||||
react: ^16.5.1 || ^17.0.0 || ^18.0.0
|
||||
|
||||
@ -2106,8 +2092,8 @@ packages:
|
||||
react: ^16.8 || ^17 || ^18
|
||||
react-dom: ^16.8 || ^17 || ^18
|
||||
|
||||
next@14.2.4:
|
||||
resolution: {integrity: sha512-R8/V7vugY+822rsQGQCjoLhMuC9oFj9SOi4Cl4b2wjDrseD0LRZ10W7R6Czo4w9ZznVSshKjuIomsRjvm9EKJQ==}
|
||||
next@14.2.3:
|
||||
resolution: {integrity: sha512-dowFkFTR8v79NPJO4QsBUtxv0g9BrS/phluVpMAt2ku7H+cbcBJlopXjkWlwxrk/xGqMemr7JkGPGemPrLLX7A==}
|
||||
engines: {node: '>=18.17.0'}
|
||||
hasBin: true
|
||||
peerDependencies:
|
||||
@ -2284,11 +2270,11 @@ packages:
|
||||
peerDependencies:
|
||||
react: ^18.3.1
|
||||
|
||||
react-hook-form@7.52.0:
|
||||
resolution: {integrity: sha512-mJX506Xc6mirzLsmXUJyqlAI3Kj9Ph2RhplYhUVffeOQSnubK2uVqBFOBJmvKikvbFV91pxVXmDiR+QMF19x6A==}
|
||||
react-hook-form@7.51.5:
|
||||
resolution: {integrity: sha512-J2ILT5gWx1XUIJRETiA7M19iXHlG74+6O3KApzvqB/w8S5NQR7AbU8HVZrMALdmDgWpRPYiZJl0zx8Z4L2mP6Q==}
|
||||
engines: {node: '>=12.22.0'}
|
||||
peerDependencies:
|
||||
react: ^16.8.0 || ^17 || ^18 || ^19
|
||||
react: ^16.8.0 || ^17 || ^18
|
||||
|
||||
react-is@18.3.1:
|
||||
resolution: {integrity: sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==}
|
||||
@ -2404,8 +2390,8 @@ packages:
|
||||
resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
|
||||
engines: {node: '>=8'}
|
||||
|
||||
sonner@1.5.0:
|
||||
resolution: {integrity: sha512-FBjhG/gnnbN6FY0jaNnqZOMmB73R+5IiyYAw8yBj7L54ER7HB3fOSE5OFiQiE2iXWxeXKvg6fIP4LtVppHEdJA==}
|
||||
sonner@1.4.41:
|
||||
resolution: {integrity: sha512-uG511ggnnsw6gcn/X+YKkWPo5ep9il9wYi3QJxHsYe7yTZ4+cOd1wuodOUmOpFuXL+/RE3R04LczdNCDygTDgQ==}
|
||||
peerDependencies:
|
||||
react: ^18.0.0
|
||||
react-dom: ^18.0.0
|
||||
@ -2624,8 +2610,8 @@ packages:
|
||||
yallist@3.1.1:
|
||||
resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
|
||||
|
||||
yaml@2.4.5:
|
||||
resolution: {integrity: sha512-aBx2bnqDzVOyNKfsysjA2ms5ZlnjSAW2eG3/L5G/CSujfjLJTJsEw1bGw8kCf04KodQWk1pxlGnZ56CRxiawmg==}
|
||||
yaml@2.4.3:
|
||||
resolution: {integrity: sha512-sntgmxj8o7DE7g/Qi60cqpLBA3HG3STcDA0kO+WfB05jEKhZMbY7umNm2rBpQvsmZ16/lPXCJGW2672dgOUkrg==}
|
||||
engines: {node: '>= 14'}
|
||||
hasBin: true
|
||||
|
||||
@ -2918,9 +2904,9 @@ snapshots:
|
||||
|
||||
'@fontsource-variable/kode-mono@5.0.3': {}
|
||||
|
||||
'@hookform/resolvers@3.6.0(react-hook-form@7.52.0(react@18.3.1))':
|
||||
'@hookform/resolvers@3.6.0(react-hook-form@7.51.5(react@18.3.1))':
|
||||
dependencies:
|
||||
react-hook-form: 7.52.0(react@18.3.1)
|
||||
react-hook-form: 7.51.5(react@18.3.1)
|
||||
|
||||
'@isaacs/cliui@8.0.2':
|
||||
dependencies:
|
||||
@ -3120,33 +3106,33 @@ snapshots:
|
||||
'@jridgewell/resolve-uri': 3.1.2
|
||||
'@jridgewell/sourcemap-codec': 1.4.15
|
||||
|
||||
'@next/env@14.2.4': {}
|
||||
'@next/env@14.2.3': {}
|
||||
|
||||
'@next/swc-darwin-arm64@14.2.4':
|
||||
'@next/swc-darwin-arm64@14.2.3':
|
||||
optional: true
|
||||
|
||||
'@next/swc-darwin-x64@14.2.4':
|
||||
'@next/swc-darwin-x64@14.2.3':
|
||||
optional: true
|
||||
|
||||
'@next/swc-linux-arm64-gnu@14.2.4':
|
||||
'@next/swc-linux-arm64-gnu@14.2.3':
|
||||
optional: true
|
||||
|
||||
'@next/swc-linux-arm64-musl@14.2.4':
|
||||
'@next/swc-linux-arm64-musl@14.2.3':
|
||||
optional: true
|
||||
|
||||
'@next/swc-linux-x64-gnu@14.2.4':
|
||||
'@next/swc-linux-x64-gnu@14.2.3':
|
||||
optional: true
|
||||
|
||||
'@next/swc-linux-x64-musl@14.2.4':
|
||||
'@next/swc-linux-x64-musl@14.2.3':
|
||||
optional: true
|
||||
|
||||
'@next/swc-win32-arm64-msvc@14.2.4':
|
||||
'@next/swc-win32-arm64-msvc@14.2.3':
|
||||
optional: true
|
||||
|
||||
'@next/swc-win32-ia32-msvc@14.2.4':
|
||||
'@next/swc-win32-ia32-msvc@14.2.3':
|
||||
optional: true
|
||||
|
||||
'@next/swc-win32-x64-msvc@14.2.4':
|
||||
'@next/swc-win32-x64-msvc@14.2.3':
|
||||
optional: true
|
||||
|
||||
'@nodelib/fs.scandir@2.1.5':
|
||||
@ -3893,14 +3879,6 @@ snapshots:
|
||||
'@swc/counter': 0.1.3
|
||||
tslib: 2.6.3
|
||||
|
||||
'@tanstack/react-table@8.17.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
|
||||
dependencies:
|
||||
'@tanstack/table-core': 8.17.3
|
||||
react: 18.3.1
|
||||
react-dom: 18.3.1(react@18.3.1)
|
||||
|
||||
'@tanstack/table-core@8.17.3': {}
|
||||
|
||||
'@types/babel__core@7.20.5':
|
||||
dependencies:
|
||||
'@babel/parser': 7.24.7
|
||||
@ -4082,8 +4060,8 @@ snapshots:
|
||||
|
||||
browserslist@4.23.1:
|
||||
dependencies:
|
||||
caniuse-lite: 1.0.30001636
|
||||
electron-to-chromium: 1.4.803
|
||||
caniuse-lite: 1.0.30001629
|
||||
electron-to-chromium: 1.4.796
|
||||
node-releases: 2.0.14
|
||||
update-browserslist-db: 1.0.16(browserslist@4.23.1)
|
||||
|
||||
@ -4105,7 +4083,7 @@ snapshots:
|
||||
|
||||
camelcase@6.3.0: {}
|
||||
|
||||
caniuse-lite@1.0.30001636: {}
|
||||
caniuse-lite@1.0.30001629: {}
|
||||
|
||||
chalk@2.4.2:
|
||||
dependencies:
|
||||
@ -4237,19 +4215,19 @@ snapshots:
|
||||
|
||||
eastasianwidth@0.2.0: {}
|
||||
|
||||
electron-to-chromium@1.4.803: {}
|
||||
electron-to-chromium@1.4.796: {}
|
||||
|
||||
embla-carousel-react@8.1.5(react@18.3.1):
|
||||
embla-carousel-react@8.1.3(react@18.3.1):
|
||||
dependencies:
|
||||
embla-carousel: 8.1.5
|
||||
embla-carousel-reactive-utils: 8.1.5(embla-carousel@8.1.5)
|
||||
embla-carousel: 8.1.3
|
||||
embla-carousel-reactive-utils: 8.1.3(embla-carousel@8.1.3)
|
||||
react: 18.3.1
|
||||
|
||||
embla-carousel-reactive-utils@8.1.5(embla-carousel@8.1.5):
|
||||
embla-carousel-reactive-utils@8.1.3(embla-carousel@8.1.3):
|
||||
dependencies:
|
||||
embla-carousel: 8.1.5
|
||||
embla-carousel: 8.1.3
|
||||
|
||||
embla-carousel@8.1.5: {}
|
||||
embla-carousel@8.1.3: {}
|
||||
|
||||
emittery@0.13.1: {}
|
||||
|
||||
@ -4322,7 +4300,7 @@ snapshots:
|
||||
|
||||
follow-redirects@1.15.6: {}
|
||||
|
||||
foreground-child@3.2.1:
|
||||
foreground-child@3.1.1:
|
||||
dependencies:
|
||||
cross-spawn: 7.0.3
|
||||
signal-exit: 4.1.0
|
||||
@ -4367,7 +4345,7 @@ snapshots:
|
||||
|
||||
glob@10.4.1:
|
||||
dependencies:
|
||||
foreground-child: 3.2.1
|
||||
foreground-child: 3.1.1
|
||||
jackspeak: 3.4.0
|
||||
minimatch: 9.0.4
|
||||
minipass: 7.1.2
|
||||
@ -4802,7 +4780,7 @@ snapshots:
|
||||
- supports-color
|
||||
- ts-node
|
||||
|
||||
jiti@1.21.6: {}
|
||||
jiti@1.21.3: {}
|
||||
|
||||
js-tokens@4.0.0: {}
|
||||
|
||||
@ -4821,13 +4799,13 @@ snapshots:
|
||||
|
||||
leven@3.1.0: {}
|
||||
|
||||
lightweight-charts@4.1.5:
|
||||
lightweight-charts@4.1.4:
|
||||
dependencies:
|
||||
fancy-canvas: 2.1.0
|
||||
|
||||
lilconfig@2.1.0: {}
|
||||
|
||||
lilconfig@3.1.2: {}
|
||||
lilconfig@3.1.1: {}
|
||||
|
||||
lines-and-columns@1.2.4: {}
|
||||
|
||||
@ -4845,7 +4823,7 @@ snapshots:
|
||||
dependencies:
|
||||
yallist: 3.1.1
|
||||
|
||||
lucide-react@0.395.0(react@18.3.1):
|
||||
lucide-react@0.387.0(react@18.3.1):
|
||||
dependencies:
|
||||
react: 18.3.1
|
||||
|
||||
@ -4901,27 +4879,27 @@ snapshots:
|
||||
react: 18.3.1
|
||||
react-dom: 18.3.1(react@18.3.1)
|
||||
|
||||
next@14.2.4(@babel/core@7.24.7)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
|
||||
next@14.2.3(@babel/core@7.24.7)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
|
||||
dependencies:
|
||||
'@next/env': 14.2.4
|
||||
'@next/env': 14.2.3
|
||||
'@swc/helpers': 0.5.5
|
||||
busboy: 1.6.0
|
||||
caniuse-lite: 1.0.30001636
|
||||
caniuse-lite: 1.0.30001629
|
||||
graceful-fs: 4.2.11
|
||||
postcss: 8.4.31
|
||||
react: 18.3.1
|
||||
react-dom: 18.3.1(react@18.3.1)
|
||||
styled-jsx: 5.1.1(@babel/core@7.24.7)(react@18.3.1)
|
||||
optionalDependencies:
|
||||
'@next/swc-darwin-arm64': 14.2.4
|
||||
'@next/swc-darwin-x64': 14.2.4
|
||||
'@next/swc-linux-arm64-gnu': 14.2.4
|
||||
'@next/swc-linux-arm64-musl': 14.2.4
|
||||
'@next/swc-linux-x64-gnu': 14.2.4
|
||||
'@next/swc-linux-x64-musl': 14.2.4
|
||||
'@next/swc-win32-arm64-msvc': 14.2.4
|
||||
'@next/swc-win32-ia32-msvc': 14.2.4
|
||||
'@next/swc-win32-x64-msvc': 14.2.4
|
||||
'@next/swc-darwin-arm64': 14.2.3
|
||||
'@next/swc-darwin-x64': 14.2.3
|
||||
'@next/swc-linux-arm64-gnu': 14.2.3
|
||||
'@next/swc-linux-arm64-musl': 14.2.3
|
||||
'@next/swc-linux-x64-gnu': 14.2.3
|
||||
'@next/swc-linux-x64-musl': 14.2.3
|
||||
'@next/swc-win32-arm64-msvc': 14.2.3
|
||||
'@next/swc-win32-ia32-msvc': 14.2.3
|
||||
'@next/swc-win32-x64-msvc': 14.2.3
|
||||
transitivePeerDependencies:
|
||||
- '@babel/core'
|
||||
- babel-plugin-macros
|
||||
@ -5008,8 +4986,8 @@ snapshots:
|
||||
|
||||
postcss-load-config@4.0.2(postcss@8.4.38):
|
||||
dependencies:
|
||||
lilconfig: 3.1.2
|
||||
yaml: 2.4.5
|
||||
lilconfig: 3.1.1
|
||||
yaml: 2.4.3
|
||||
optionalDependencies:
|
||||
postcss: 8.4.38
|
||||
|
||||
@ -5065,7 +5043,7 @@ snapshots:
|
||||
react: 18.3.1
|
||||
scheduler: 0.23.2
|
||||
|
||||
react-hook-form@7.52.0(react@18.3.1):
|
||||
react-hook-form@7.51.5(react@18.3.1):
|
||||
dependencies:
|
||||
react: 18.3.1
|
||||
|
||||
@ -5162,7 +5140,7 @@ snapshots:
|
||||
|
||||
slash@3.0.0: {}
|
||||
|
||||
sonner@1.5.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
|
||||
sonner@1.4.41(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
|
||||
dependencies:
|
||||
react: 18.3.1
|
||||
react-dom: 18.3.1(react@18.3.1)
|
||||
@ -5264,7 +5242,7 @@ snapshots:
|
||||
fast-glob: 3.3.2
|
||||
glob-parent: 6.0.2
|
||||
is-glob: 4.0.3
|
||||
jiti: 1.21.6
|
||||
jiti: 1.21.3
|
||||
lilconfig: 2.1.0
|
||||
micromatch: 4.0.7
|
||||
normalize-path: 3.0.0
|
||||
@ -5384,7 +5362,7 @@ snapshots:
|
||||
|
||||
yallist@3.1.1: {}
|
||||
|
||||
yaml@2.4.5: {}
|
||||
yaml@2.4.3: {}
|
||||
|
||||
yargs-parser@21.1.1: {}
|
||||
|
||||
|
||||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
@ -1,10 +0,0 @@
|
||||
import { AuthForms } from "@/components/auth-form";
|
||||
import Image from "next/image";
|
||||
|
||||
export default function AuthPage() {
|
||||
return (
|
||||
<main className="flex flex-col items-center justify-start h-full w-full">
|
||||
<AuthForms />
|
||||
</main>
|
||||
);
|
||||
}
|
||||
@ -1,7 +0,0 @@
|
||||
export default function AdminPage() {
|
||||
return (<>
|
||||
<section>
|
||||
<h1>Welcome to the Dashboard</h1>
|
||||
</section>
|
||||
</>)
|
||||
}
|
||||
@ -1,44 +0,0 @@
|
||||
"use client"
|
||||
|
||||
import type {ICryptoInWalletInfo} from "@/interfaces/crypto.interface";
|
||||
import {CryptosTable} from "@/components/data-tables/cryptos-table";
|
||||
import {useEffect, useState} from "react";
|
||||
import {Skeleton} from "@/components/ui/skeleton";
|
||||
import ApiRequest from "@/services/apiRequest";
|
||||
import type {IApiAllOffersRes} from "@/interfaces/api.interface";
|
||||
|
||||
|
||||
export default function DashboardPage() {
|
||||
const [isLoading, setIsLoading] = useState<boolean>(true)
|
||||
const [cryptosList, setCryptosList] = useState<ICryptoInWalletInfo[]>([])
|
||||
//FIX the loop
|
||||
|
||||
useEffect(() => {
|
||||
ApiRequest.authenticated.get.json<ICryptoInWalletInfo[]>(
|
||||
"crypto/all"
|
||||
).then((response)=>{
|
||||
if (response.data.length <= 0) {
|
||||
setCryptosList([])
|
||||
setIsLoading(false)
|
||||
return
|
||||
}
|
||||
const resp = response.data
|
||||
setCryptosList(resp)
|
||||
setIsLoading(false)
|
||||
})
|
||||
}, []);
|
||||
|
||||
if (isLoading) {
|
||||
return (<div className={"container flex flex-col justify-center items-center min-h-64 my-6 gap-4"}>
|
||||
<h1 className={"text-2xl font-bold"}>Available cryptos</h1>
|
||||
<Skeleton className={"container flex flex-col justify-center items-center min-h-64 my-6 gap-4"}/>
|
||||
</div>)
|
||||
}
|
||||
|
||||
return (<>
|
||||
<section className={"container flex flex-col justify-center items-center min-h-64 my-6 gap-4"}>
|
||||
<h1 className={"text-2xl font-bold"}>Available cryptos</h1>
|
||||
<CryptosTable cryptosArray={cryptosList}/>
|
||||
</section>
|
||||
</>)
|
||||
}
|
||||
@ -6,10 +6,7 @@ import { Header } from "@/components/header";
|
||||
import { PrimaryNavigationMenu } from "@/components/primary-nav";
|
||||
import { Providers } from "@/components/providers/providers";
|
||||
import { ThemeProvider } from "@/components/providers/theme-provider";
|
||||
import { Toaster } from "@/components/ui/toaster";
|
||||
import type React from "react";
|
||||
import Link from "next/link";
|
||||
import {Button} from "@/components/ui/button";
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "YeloBit",
|
||||
@ -25,18 +22,14 @@ export default function RootLayout({
|
||||
return (
|
||||
<html lang="en">
|
||||
<head>
|
||||
<link rel="icon" href="/favicon.ico" sizes="any" />
|
||||
<link rel="icon" href="/public/favicon.ico" sizes="any" />
|
||||
</head>
|
||||
<body className={"w-full min-h-screen flex flex-col items-center justify-between"}>
|
||||
<Providers>
|
||||
<Header>
|
||||
<div className={"flex flex-row flex-wrap md:flex-nowrap gap-2"}>
|
||||
<Button asChild variant={'light'}><Link href={'/wallet'}>Wallet</Link></Button>
|
||||
<Button asChild variant={'light'}><Link href={'/dashboard'}>Dashboard</Link></Button>
|
||||
</div>
|
||||
<PrimaryNavigationMenu />
|
||||
</Header>
|
||||
{children}
|
||||
<Toaster />
|
||||
<Footer />
|
||||
</Providers>
|
||||
</body>
|
||||
|
||||
@ -1,40 +0,0 @@
|
||||
"use client"
|
||||
|
||||
import type {ICryptoInWalletInfo} from "@/interfaces/crypto.interface";
|
||||
import {CryptosTable} from "@/components/data-tables/cryptos-table";
|
||||
import {useContext, useEffect, useState} from "react";
|
||||
import {Skeleton} from "@/components/ui/skeleton";
|
||||
import ApiRequest from "@/services/apiRequest";
|
||||
import type {IApiAllOffersRes} from "@/interfaces/api.interface";
|
||||
import {WalletTable} from "@/components/data-tables/wallet-table";
|
||||
import {UserDataContext} from "@/components/providers/userdata-provider";
|
||||
import {IUserWallet} from "@/interfaces/userdata.interface";
|
||||
|
||||
|
||||
export default function WalletPage() {
|
||||
const [isLoading, setIsLoading] = useState<boolean>(true)
|
||||
const [cryptosList, setCryptosList] = useState<ICryptoInWalletInfo[]>([])
|
||||
const userContext = useContext(UserDataContext);
|
||||
//FIX the loop
|
||||
|
||||
useEffect(() => {
|
||||
console.log(userContext?.userData)
|
||||
if (userContext?.userData) {
|
||||
setIsLoading(false)
|
||||
}
|
||||
}, [userContext]);
|
||||
|
||||
if (isLoading || !userContext?.userData) {
|
||||
return (<div className={"container flex flex-col justify-center items-center min-h-64 my-6 gap-4"}>
|
||||
<h1 className={"text-2xl font-bold"}>Cryptos in your wallet</h1>
|
||||
<Skeleton className={"container flex flex-col justify-center items-center min-h-64 my-6 gap-4"}/>
|
||||
</div>)
|
||||
}
|
||||
|
||||
return (<>
|
||||
<section className={"container flex flex-col justify-center items-center min-h-64 my-6 gap-4"}>
|
||||
<h1 className={"text-2xl font-bold"}>Cryptos in your wallet</h1>
|
||||
<WalletTable walletArray={userContext.userData.wallet as unknown as IUserWallet}/>
|
||||
</section>
|
||||
</>)
|
||||
}
|
||||
@ -12,21 +12,51 @@ import {
|
||||
useState,
|
||||
} from "react";
|
||||
|
||||
const localStorage = typeof window !== "undefined" ? window.localStorage : null;
|
||||
|
||||
export function AccountDialog() {
|
||||
const userContext = useContext(UserDataContext);
|
||||
const token = localStorage?.getItem("sub") || "";
|
||||
const haveToken = token.length >= 16 || false;
|
||||
console.log(haveToken);
|
||||
const [isLoaded, setIsLoaded] = useState<boolean>(false);
|
||||
|
||||
if (!userContext) {
|
||||
return (
|
||||
<div>
|
||||
<p>No account</p>
|
||||
</div>
|
||||
);
|
||||
if (!userContext?.userData) {
|
||||
userContext?.setUserData({
|
||||
firstName: "Mathis",
|
||||
lastName: "Herriot",
|
||||
age: 23,
|
||||
city: "Chambéry",
|
||||
created_at: "jaj",
|
||||
dollarAvailables: 34,
|
||||
email: "mherriot@tutanota.com",
|
||||
id: "098807e1-6681-407a-a2b4-e6b7e5ec1919",
|
||||
isActive: true,
|
||||
pseudo: "Avnyr",
|
||||
roleId: "092fb1eb-4ce4-4e3e-9df1-d00d467c6a43",
|
||||
updated_at: "",
|
||||
wallet: {
|
||||
uat: Date.now(),
|
||||
update_interval: 30_000,
|
||||
owned_cryptos: [
|
||||
{
|
||||
id: "1c237bcc-d2fa-4c4b-9a3a-f0efb4569e1e",
|
||||
name: "Spectral",
|
||||
value: 1.61051,
|
||||
image:
|
||||
"https://images.unsplash.com/photo-1640833906651-6bd1af7aeea3?w=800&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTh8fGNyeXB0b3xlbnwwfHwwfHx8MA%3D%3D",
|
||||
quantity: 999,
|
||||
created_at: "2024-06-08T22:42:14.113Z",
|
||||
updated_at: "2024-06-11T12:48:07.001Z",
|
||||
},
|
||||
{
|
||||
id: "6c0edc95-a968-4c2f-9169-33acfdc73575",
|
||||
name: "SOL",
|
||||
value: 30.91268053287073,
|
||||
image:
|
||||
"https://images.unsplash.com/photo-1523961131990-5ea7c61b2107?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Nnx8Y3J5cHRvfGVufDB8fDB8fHww",
|
||||
quantity: 998,
|
||||
created_at: "2024-06-07T09:30:31.282Z",
|
||||
updated_at: "2024-06-08T23:44:54.242Z",
|
||||
},
|
||||
],
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
@ -46,7 +76,6 @@ export function AccountDialog() {
|
||||
setUserData={
|
||||
userContext?.setUserData as Dispatch<SetStateAction<IUserData | undefined>>
|
||||
}
|
||||
isDisconnected={!haveToken}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
|
||||
@ -11,83 +11,27 @@ import {
|
||||
} from "@/components/ui/dialog";
|
||||
import { Input } from "@/components/ui/input";
|
||||
import { Label } from "@/components/ui/label";
|
||||
import type {IUserData, IUserWallet} from "@/interfaces/userdata.interface";
|
||||
import type { IUserData } from "@/interfaces/userdata.interface";
|
||||
|
||||
import { CopyButton } from "@/components/ui/copy-button";
|
||||
import { doDisconnect, getWallet } from "@/services/account.handler";
|
||||
import { Bitcoin, Fingerprint, Key, Landmark, Unplug, User, Wallet } from "lucide-react";
|
||||
import Link from "next/link";
|
||||
import {Bitcoin, Fingerprint, Landmark, RefreshCw, Unplug, User, Wallet} from "lucide-react";
|
||||
import type React from "react";
|
||||
import {useEffect, useState} from "react";
|
||||
import {type ICryptoInUserWalletInfo, ICryptoInWalletInfo} from "@/interfaces/crypto.interface";
|
||||
import {useState} from "react";
|
||||
import {refreshUserData} from "@/services/account.handler";
|
||||
|
||||
export function AccountInfo({
|
||||
userData,
|
||||
setUserData,
|
||||
isDisconnected,
|
||||
}: {
|
||||
userData: IUserData;
|
||||
setUserData: React.Dispatch<React.SetStateAction<IUserData | undefined>>;
|
||||
isDisconnected: boolean;
|
||||
}) {
|
||||
const [isLoaded,setIsLoaded] = useState(false)
|
||||
|
||||
useEffect(() => {
|
||||
if (!isLoaded) {
|
||||
getWallet().then((res) => {
|
||||
|
||||
const wallet: IUserWallet = {
|
||||
uat: Date.now(),
|
||||
update_interval: 30_000,
|
||||
owned_cryptos: res.resolved?.UserHasCrypto?.map((el): ICryptoInUserWalletInfo => {
|
||||
return {
|
||||
id: el.Crypto.id,
|
||||
name: el.Crypto.name,
|
||||
value: el.Crypto.value,
|
||||
image: el.Crypto.image,
|
||||
quantity: el.Crypto.quantity,
|
||||
owned_amount: el.amount,
|
||||
created_at: el.Crypto.created_at,
|
||||
updated_at: el.Crypto.updated_at
|
||||
}
|
||||
}) || []
|
||||
}
|
||||
|
||||
delete res.resolved?.UserHasCrypto
|
||||
//@ts-ignore
|
||||
setUserData({
|
||||
...userData,
|
||||
...res.resolved,
|
||||
wallet: wallet
|
||||
})
|
||||
console.log(userData)
|
||||
setIsLoaded(true)
|
||||
});
|
||||
}
|
||||
}, [isLoaded]);
|
||||
if (isDisconnected) {
|
||||
return (
|
||||
<div className={"flex flex-col justify-center items-center h-10 p-2 text-xs mt-2"}>
|
||||
<div
|
||||
className={
|
||||
"flex flex-row justify-center items-center gap-1 text-destructive to-red-900 animate-pulse"
|
||||
}
|
||||
>
|
||||
<Unplug className={"w-4"} />
|
||||
<p>Disconnected</p>
|
||||
</div>
|
||||
<div>
|
||||
<Link
|
||||
href={"/auth"}
|
||||
className={
|
||||
"hover:text-primary flex justify-evenly items-center gap-1 p-1 text-nowrap"
|
||||
}
|
||||
>
|
||||
<Key className={"w-3"} /> Link account
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
const [refreshOngoing, setRefreshOngoing] = useState<boolean>(false)
|
||||
|
||||
function doingRefresh() {
|
||||
setRefreshOngoing(true);
|
||||
refreshUserData().then(()=>setRefreshOngoing(false))
|
||||
}
|
||||
|
||||
return (
|
||||
@ -98,10 +42,10 @@ export function AccountInfo({
|
||||
<User />
|
||||
</Button>
|
||||
</DialogTrigger>
|
||||
<DialogContent className="sm:max-w-[425px] md:max-w-[720px]">
|
||||
<DialogContent className="sm:max-w-[425px]">
|
||||
<DialogHeader>
|
||||
<DialogTitle>{`Your account - ${userData.firstName} ${userData.lastName}`}</DialogTitle>
|
||||
<DialogDescription>{userData.city}</DialogDescription>
|
||||
<DialogTitle>{`${userData.firstName} ${userData.lastName}`}</DialogTitle>
|
||||
<DialogDescription>Your personal account data.</DialogDescription>
|
||||
</DialogHeader>
|
||||
<div className={"flex flex-col items-center justify-center w-full"}>
|
||||
<div className={"flex flex-col justify-evenly items-center gap-2"}>
|
||||
@ -127,7 +71,7 @@ export function AccountInfo({
|
||||
>
|
||||
<Bitcoin />
|
||||
<p className={"rounded bg-accent text-accent-foreground p-1"}>
|
||||
{`You currently have ${userData.wallet.owned_cryptos.length} crypto(s)`}
|
||||
You dont have cryptos.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -149,18 +93,15 @@ export function AccountInfo({
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<DialogFooter>
|
||||
<Button variant={"secondary"} className={"gap-2 px-2"} asChild>
|
||||
<Link href={'/wallet'}>
|
||||
<Wallet />
|
||||
<p>My wallet</p>
|
||||
</Link>
|
||||
<DialogFooter className={"flex justify-evenly items-center w-full gap-2"}>
|
||||
{!refreshOngoing && <Button variant={"outline"} className={"gap-2 px-2"} onClick={()=>doingRefresh()}>
|
||||
<RefreshCw />
|
||||
</Button>}
|
||||
<Button variant={"secondary"} className={"gap-2 px-2"}>
|
||||
<Wallet />
|
||||
<p>My wallet</p>
|
||||
</Button>
|
||||
<Button
|
||||
variant={"destructive"}
|
||||
className={"gap-2 px-2 mb-2"}
|
||||
onClick={() => doDisconnect()}
|
||||
>
|
||||
<Button variant={"destructive"} className={"gap-2 px-2"}>
|
||||
<Unplug />
|
||||
<p>Disconnect</p>
|
||||
</Button>
|
||||
|
||||
@ -1,247 +0,0 @@
|
||||
"use client";
|
||||
|
||||
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
|
||||
|
||||
import AutoForm, { AutoFormSubmit } from "@/components/auto-form";
|
||||
import { UserDataContext } from "@/components/providers/userdata-provider";
|
||||
import { ToastBox, toastType } from "@/components/ui/toast-box";
|
||||
import { useToast } from "@/components/ui/use-toast";
|
||||
import type {
|
||||
IApiLoginReq,
|
||||
IApiLoginRes,
|
||||
IApiRegisterReq,
|
||||
IApiRegisterRes,
|
||||
} from "@/interfaces/api.interface";
|
||||
import { EReturnState, type IStandardisedReturn } from "@/interfaces/general.interface";
|
||||
import type { IUserData } from "@/interfaces/userdata.interface";
|
||||
import ApiRequest from "@/services/apiRequest";
|
||||
import { useLocalStorage } from "@/services/localStorage";
|
||||
import { Bug, RefreshCw } from "lucide-react";
|
||||
import Link from "next/link";
|
||||
import { type Dispatch, type SetStateAction, useContext, useState } from "react";
|
||||
import * as z from "zod";
|
||||
|
||||
const loginSchema = z.object({
|
||||
email: z
|
||||
.string({
|
||||
required_error: "Email is needed.",
|
||||
})
|
||||
.email({
|
||||
message: "Should be a valid email.",
|
||||
})
|
||||
.describe("Your account email."),
|
||||
password: z
|
||||
.string({
|
||||
required_error: "Password is needed.",
|
||||
})
|
||||
.describe("Your account password."),
|
||||
});
|
||||
|
||||
const registerSchema = z.object({
|
||||
firstName: z.string({
|
||||
required_error: "",
|
||||
}),
|
||||
lastName: z.string(),
|
||||
age: z.number().min(18).max(120),
|
||||
pseudo: z.string({
|
||||
required_error: "",
|
||||
}),
|
||||
city: z.string({
|
||||
required_error: "",
|
||||
}),
|
||||
|
||||
email: z
|
||||
.string({
|
||||
required_error: "Email is needed.",
|
||||
})
|
||||
.email("Should be a valid email."),
|
||||
password: z
|
||||
.string({
|
||||
required_error: "Password is needed.",
|
||||
})
|
||||
.describe("Your account password."),
|
||||
});
|
||||
|
||||
export function AuthForms() {
|
||||
const [isLoading, setIsLoading] = useState(false);
|
||||
const [sub, setSub] = useLocalStorage<string | undefined>("sub", "");
|
||||
const userContext = useContext(UserDataContext);
|
||||
const { toast } = useToast();
|
||||
|
||||
async function doRegister(
|
||||
registerData: IApiRegisterReq,
|
||||
userDataSetter: Dispatch<SetStateAction<IUserData | null>>,
|
||||
): Promise<IStandardisedReturn<IApiRegisterRes>> {
|
||||
console.trace(registerData);
|
||||
try {
|
||||
const ReqRes = await ApiRequest.standard.post.json<
|
||||
IApiRegisterReq,
|
||||
IApiRegisterRes
|
||||
>("auth/signup", registerData);
|
||||
console.trace(ReqRes.data);
|
||||
if (ReqRes.data.user) {
|
||||
userDataSetter({
|
||||
...ReqRes.data.user,
|
||||
wallet: {
|
||||
uat: Date.now(),
|
||||
update_interval: 30_000,
|
||||
owned_cryptos: [],
|
||||
},
|
||||
});
|
||||
|
||||
setSub(ReqRes.data.access_token);
|
||||
}
|
||||
console.debug(ReqRes.data.message || "Not additional message from request");
|
||||
return {
|
||||
state: EReturnState.done,
|
||||
resolved: ReqRes.data,
|
||||
};
|
||||
} catch (error) {
|
||||
console.error("Error during registration:", error);
|
||||
return {
|
||||
state: EReturnState.serverError,
|
||||
message: error as string,
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
async function doLogin(
|
||||
loginData: IApiLoginReq,
|
||||
): Promise<IStandardisedReturn<IApiLoginRes>> {
|
||||
try {
|
||||
const ReqRes = await ApiRequest.standard.post.json<IApiLoginReq, IApiLoginRes>(
|
||||
"auth/signin",
|
||||
loginData,
|
||||
);
|
||||
console.trace(ReqRes.data);
|
||||
if (ReqRes.data.access_token) {
|
||||
setSub(ReqRes.data.access_token);
|
||||
}
|
||||
return {
|
||||
state: EReturnState.done,
|
||||
};
|
||||
} catch (err) {
|
||||
console.error("Error during login:", err);
|
||||
return {
|
||||
state: EReturnState.serverError,
|
||||
message: err as string,
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
if (!userContext || !userContext.setUserData) {
|
||||
return (
|
||||
<div
|
||||
className={
|
||||
"bg-destructive text-destructive-foreground p-3 gap-2 border rounded flex flex-row justify-center items-center"
|
||||
}
|
||||
>
|
||||
<Bug />
|
||||
<p>It seems that the context is missing..</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<Tabs defaultValue="login" className="w-full p-2 md:w-[400px] my-4">
|
||||
<TabsList className="grid w-full grid-cols-2">
|
||||
<TabsTrigger value="login">Login</TabsTrigger>
|
||||
<TabsTrigger value="register">Register</TabsTrigger>
|
||||
</TabsList>
|
||||
<TabsContent value="login">
|
||||
<AutoForm
|
||||
// Pass the schema to the form
|
||||
formSchema={loginSchema}
|
||||
onSubmit={(data: IApiLoginReq) => {
|
||||
setIsLoading(true);
|
||||
doLogin(data).then((res) => {
|
||||
if (res.state !== EReturnState.done) {
|
||||
toast({
|
||||
description: res.message || "An unexpected error occurred..",
|
||||
variant: "destructive",
|
||||
});
|
||||
setIsLoading(false);
|
||||
return;
|
||||
}
|
||||
//toast.custom(<ToastBox message={"Login successful ! \n You will be redirected."} type={toastType.success}/>)
|
||||
toast({
|
||||
description: "Login successful ! \n You will be redirected.",
|
||||
});
|
||||
setTimeout(() => {
|
||||
setIsLoading(false);
|
||||
location.href = "/";
|
||||
console.log("Moving to home.");
|
||||
}, 3_000);
|
||||
});
|
||||
}}
|
||||
fieldConfig={{
|
||||
password: {
|
||||
inputProps: {
|
||||
type: "password",
|
||||
placeholder: "••••••••",
|
||||
},
|
||||
},
|
||||
}}
|
||||
>
|
||||
<AutoFormSubmit
|
||||
disabled={!!isLoading}
|
||||
className={"gap-2 disabled:bg-secondary"}
|
||||
>
|
||||
{/* biome-ignore lint/style/useTemplate: <explanation> */}
|
||||
<RefreshCw className={"animate-spin" + isLoading && "hidden"} />
|
||||
<p>Login</p>
|
||||
</AutoFormSubmit>
|
||||
</AutoForm>
|
||||
</TabsContent>
|
||||
<TabsContent value="register">
|
||||
<AutoForm
|
||||
// Pass the schema to the form
|
||||
formSchema={registerSchema}
|
||||
onSubmit={(data: IApiRegisterReq) => {
|
||||
setIsLoading(true);
|
||||
doRegister(
|
||||
data,
|
||||
userContext.setUserData as Dispatch<SetStateAction<IUserData | null>>,
|
||||
).then((res) => {
|
||||
if (res.state !== EReturnState.done) {
|
||||
//toast.custom(<ToastBox message={res.message || "An unexpected error occurred.."} type={toastType.error}/>)
|
||||
setIsLoading(false);
|
||||
return;
|
||||
}
|
||||
//toast.custom(<ToastBox message={"Register successful ! \n You will be redirected."} type={toastType.success}/>)
|
||||
setTimeout(() => {
|
||||
setIsLoading(false);
|
||||
//location.href = "/"
|
||||
console.log("Moving to home.");
|
||||
}, 5_000);
|
||||
});
|
||||
}}
|
||||
fieldConfig={{
|
||||
password: {
|
||||
inputProps: {
|
||||
type: "password",
|
||||
placeholder: "••••••••",
|
||||
},
|
||||
},
|
||||
}}
|
||||
>
|
||||
<AutoFormSubmit
|
||||
disabled={!!isLoading}
|
||||
className={"gap-2 disabled:bg-secondary"}
|
||||
>
|
||||
{/* biome-ignore lint/style/useTemplate: <explanation> */}
|
||||
<RefreshCw className={"animate-spin" + !isLoading && "hidden"} />
|
||||
<p>Register</p>
|
||||
</AutoFormSubmit>
|
||||
<p className="text-gray-500 text-sm">
|
||||
By submitting this form, you agree to our{" "}
|
||||
<Link href="#" className="text-primary underline">
|
||||
terms and conditions
|
||||
</Link>
|
||||
.
|
||||
</p>
|
||||
</AutoForm>
|
||||
</TabsContent>
|
||||
</Tabs>
|
||||
);
|
||||
}
|
||||
@ -98,7 +98,7 @@ function AutoForm<SchemaType extends ZodObjectOrWrapped>({
|
||||
onSubmit={(e) => {
|
||||
form.handleSubmit(onSubmit)(e);
|
||||
}}
|
||||
className={cn("space-y-5 w-full", className)}
|
||||
className={cn("space-y-5", className)}
|
||||
>
|
||||
<AutoFormObject
|
||||
schema={objectFormSchema}
|
||||
|
||||
@ -1,193 +0,0 @@
|
||||
// @flow
|
||||
import * as React from 'react';
|
||||
import {
|
||||
Dialog,
|
||||
DialogContent,
|
||||
DialogTrigger,
|
||||
} from "@/components/ui/dialog";
|
||||
import {Button} from "@/components/ui/button";
|
||||
import {Ban, DollarSign, RefreshCw} from "lucide-react";
|
||||
import * as z from "zod";
|
||||
import {Tabs, TabsContent, TabsList, TabsTrigger} from "@/components/ui/tabs";
|
||||
import {Dispatch, SetStateAction, useEffect, useState} from "react";
|
||||
import type {ICryptoInWalletInfo} from "@/interfaces/crypto.interface";
|
||||
import {toast} from "@/components/ui/use-toast";
|
||||
import AutoForm, {AutoFormSubmit} from "@/components/auto-form";
|
||||
import type {IApiAllOffersRes, IApiDoTradeReq} from "@/interfaces/api.interface";
|
||||
import ApiRequest from "@/services/apiRequest";
|
||||
import {Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage} from "@/components/ui/form";
|
||||
import {Select, SelectContent, SelectItem, SelectTrigger, SelectValue} from "@/components/ui/select";
|
||||
import Link from "next/link";
|
||||
import {useForm} from "react-hook-form";
|
||||
import {zodResolver} from "@hookform/resolvers/zod";
|
||||
type Props = {
|
||||
cryptoData: ICryptoInWalletInfo
|
||||
};
|
||||
export function BuyModal(props: Props) {
|
||||
const [isLoading, setIsLoading] = useState<boolean>(false)
|
||||
const [offersList, setOffersList] = useState<IApiAllOffersRes[]>([])
|
||||
const [isLoaded,setIsLoaded] = useState(false)
|
||||
|
||||
// biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
|
||||
useEffect(() => {
|
||||
if(!isLoaded) {
|
||||
ApiRequest.authenticated.get.json<IApiAllOffersRes[]>(`offer/crypto/${props.cryptoData.id}`).then((response) => {
|
||||
setOffersList(response.data);
|
||||
console.log(`Crypto ${props.cryptoData.name} -> ${response.data.length}`)
|
||||
setIsLoaded(true);
|
||||
return;
|
||||
})
|
||||
}
|
||||
}, [isLoaded]);
|
||||
|
||||
const buyFromServerSchema = z.object({
|
||||
amount: z
|
||||
.number({
|
||||
required_error: "An amount is needed.",
|
||||
})
|
||||
.min(1)
|
||||
.max(props.cryptoData.quantity, "You cant buy more that what is available on the server.")
|
||||
.describe("The amount you want to buy."),
|
||||
});
|
||||
|
||||
const buyFromUserSchema = z.object({
|
||||
offerId: z
|
||||
.string({
|
||||
required_error: "You should select an offer.",
|
||||
})
|
||||
.uuid(),
|
||||
})
|
||||
|
||||
function onBuyFromServerSubmit(data: z.infer<typeof buyFromServerSchema>) {
|
||||
ApiRequest.authenticated.post.json("crypto/buy", {id_crypto: props.cryptoData.id, amount: data.amount}).then((res)=>{
|
||||
if (res.status !== 201) {
|
||||
toast({
|
||||
title: "An error occurred !",
|
||||
description: (<pre className="mt-2 w-[340px] rounded-md bg-slate-950 p-4">
|
||||
<code className="text-white text-wrap">{JSON.stringify(res.statusText, null, 2)}</code>
|
||||
</pre>)
|
||||
})
|
||||
return
|
||||
}
|
||||
toast({
|
||||
title: "Transaction accepted.",
|
||||
description: (
|
||||
<p>You will be redirected.</p>
|
||||
)
|
||||
})
|
||||
setTimeout(()=>location.reload(), 1_500)
|
||||
})
|
||||
toast({
|
||||
title: "You submitted the following values:",
|
||||
description: (
|
||||
<pre className="mt-2 w-[340px] rounded-md bg-slate-950 p-4">
|
||||
<code className="text-white">{JSON.stringify(data, null, 2)}</code>
|
||||
</pre>
|
||||
),
|
||||
})
|
||||
}
|
||||
function onBuyFromUserSubmit(data: z.infer<typeof buyFromUserSchema>) {
|
||||
ApiRequest.authenticated.post.json("trade/create", {id_offer: data.offerId}).then((res)=>{
|
||||
if (res.status !== 201) {
|
||||
toast({
|
||||
title: "An error occurred !",
|
||||
description: (<pre className="mt-2 w-[340px] rounded-md bg-slate-950 p-4">
|
||||
<code className="text-white text-wrap">{JSON.stringify(res.statusText, null, 2)}</code>
|
||||
</pre>)
|
||||
})
|
||||
return
|
||||
}
|
||||
toast({
|
||||
title: "Transaction accepted.",
|
||||
description: (
|
||||
<p>You will be redirected.</p>
|
||||
)
|
||||
})
|
||||
setTimeout(()=>location.reload(), 1_500)
|
||||
})
|
||||
toast({
|
||||
title: "You submitted the following values:",
|
||||
description: (
|
||||
<pre className="mt-2 w-[340px] rounded-md bg-slate-950 p-4">
|
||||
<code className="text-white">{JSON.stringify(data, null, 2)}</code>
|
||||
</pre>
|
||||
),
|
||||
})
|
||||
}
|
||||
|
||||
const buyFromUserForm = useForm<z.infer<typeof buyFromUserSchema>>({
|
||||
resolver: zodResolver(buyFromUserSchema),
|
||||
})
|
||||
|
||||
return (
|
||||
<Dialog>
|
||||
<DialogTrigger asChild>
|
||||
<Button variant="light"><DollarSign /></Button>
|
||||
</DialogTrigger>
|
||||
<DialogContent className="sm:max-w-[425px] md:max-w-[800px] flex flex-col justify-start items-center">
|
||||
<Tabs defaultValue="server" className="w-full p-2 my-4">
|
||||
<TabsList className="grid w-full grid-cols-2">
|
||||
<TabsTrigger value="user">Buy from user <p className={" ml-1 px-1 bg-primary text-primary-foreground rounded"}>{offersList.length}</p></TabsTrigger>
|
||||
<TabsTrigger value="server">Buy from server</TabsTrigger>
|
||||
</TabsList>
|
||||
<TabsContent value="user" className={"flex flex-col justify-start items-center"}>
|
||||
<Form {...buyFromUserForm}>
|
||||
<form onSubmit={buyFromUserForm.handleSubmit(onBuyFromUserSubmit)} className="w-full space-y-6">
|
||||
<FormField
|
||||
control={buyFromUserForm.control}
|
||||
name="offerId"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>Select an offer</FormLabel>
|
||||
<Select onValueChange={field.onChange} defaultValue={field.value}>
|
||||
<FormControl>
|
||||
<SelectTrigger>
|
||||
<SelectValue placeholder="Select an offer to purchase." />
|
||||
</SelectTrigger>
|
||||
</FormControl>
|
||||
<SelectContent>
|
||||
{offersList.map((offer)=>{
|
||||
return (
|
||||
<SelectItem value={offer.id} key={offer.id}>{`${offer.amount}x ${offer.Crypto.name} - ${offer.User.pseudo}`}</SelectItem>
|
||||
)
|
||||
})}
|
||||
</SelectContent>
|
||||
</Select>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
<Button type="submit">Submit</Button>
|
||||
</form>
|
||||
</Form>
|
||||
</TabsContent>
|
||||
<TabsContent value="server" className={"flex flex-col justify-start items-center"}>
|
||||
{!props.cryptoData.quantity && <div
|
||||
className={"bg-destructive text-destructive-foreground border-destructive rounded p-2 flex justify-start items-center gap-2"}>
|
||||
<Ban/>
|
||||
<p>The server dont have stock for the designated cryptos.</p>
|
||||
</div>}
|
||||
<div className={"w-full flex justify-center gap-2 items-center p-2"}>
|
||||
<p>Available quantity on the server :</p>
|
||||
<p className={"p-1 bg-accent text-accent-foreground rounded m-1"}>{props.cryptoData.quantity}</p>
|
||||
</div>
|
||||
{props.cryptoData.quantity && <AutoForm
|
||||
// Pass the schema to the form
|
||||
formSchema={buyFromServerSchema}
|
||||
onSubmit={onBuyFromServerSubmit}
|
||||
>
|
||||
<AutoFormSubmit
|
||||
disabled={!!isLoading}
|
||||
className={"gap-2 disabled:bg-secondary-foreground"}
|
||||
>
|
||||
{/* biome-ignore lint/style/useTemplate: <explanation> */}
|
||||
<RefreshCw className={`animate-spin ${!isLoading && "hidden"}`}/>
|
||||
<p>Buy from the server</p>
|
||||
</AutoFormSubmit>
|
||||
</AutoForm>}
|
||||
</TabsContent>
|
||||
</Tabs>
|
||||
</DialogContent>
|
||||
</Dialog>
|
||||
);
|
||||
};
|
||||
@ -1,30 +0,0 @@
|
||||
// @flow
|
||||
import * as React from 'react';
|
||||
import {
|
||||
Dialog,
|
||||
DialogContent,
|
||||
DialogDescription, DialogFooter,
|
||||
DialogHeader,
|
||||
DialogTitle,
|
||||
DialogTrigger,
|
||||
} from "@/components/ui/dialog";
|
||||
import {Button} from "@/components/ui/button";
|
||||
import {Label} from "@/components/ui/label";
|
||||
import {Input} from "@/components/ui/input";
|
||||
import {LineChart} from "lucide-react";
|
||||
type Props = {
|
||||
targetedCryptoId: string
|
||||
};
|
||||
export function ViewModal(props: Props) {
|
||||
return (
|
||||
<Dialog>
|
||||
<DialogTrigger asChild>
|
||||
<Button variant="ghost"><LineChart /></Button>
|
||||
</DialogTrigger>
|
||||
<DialogContent className="sm:max-w-[425px] md:max-w-[800px]">
|
||||
Test 1,2 !
|
||||
//From here
|
||||
</DialogContent>
|
||||
</Dialog>
|
||||
);
|
||||
};
|
||||
@ -1,86 +0,0 @@
|
||||
'use client'
|
||||
import * as React from 'react';
|
||||
import type {ICryptoInWalletInfo} from "@/interfaces/crypto.interface";
|
||||
|
||||
import {
|
||||
type ColumnDef,
|
||||
flexRender,
|
||||
getCoreRowModel,
|
||||
useReactTable,
|
||||
} from "@tanstack/react-table"
|
||||
import {DataTable} from "@/components/ui/data-table";
|
||||
import {Button} from "@/components/ui/button";
|
||||
import {ArrowUpDown, MoreHorizontal} from "lucide-react";
|
||||
import {useRouter} from "next/navigation";
|
||||
import {useState} from "react";
|
||||
import {BuyModal} from "@/components/cryptos/buy-modal";
|
||||
import {ViewModal} from "@/components/cryptos/view-modal";
|
||||
|
||||
interface DataTableProps<TData, TValue> {
|
||||
columns: ColumnDef<TData, TValue>[]
|
||||
data: TData[]
|
||||
}
|
||||
|
||||
type Props = {
|
||||
cryptosArray: ICryptoInWalletInfo[]
|
||||
};
|
||||
|
||||
export function CryptosTable(props: Props) {
|
||||
const router = useRouter()
|
||||
const cryptos= props.cryptosArray
|
||||
|
||||
const columns: ColumnDef<ICryptoInWalletInfo, any>[] = [
|
||||
{
|
||||
accessorKey: "name",
|
||||
header: "Name",
|
||||
},
|
||||
{
|
||||
accessorKey: "value",
|
||||
header: ({ column }) => {
|
||||
return (
|
||||
<Button
|
||||
variant="light"
|
||||
onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
|
||||
>
|
||||
Value - USD
|
||||
<ArrowUpDown className="ml-2 h-4 w-4" />
|
||||
</Button>
|
||||
)
|
||||
},
|
||||
},
|
||||
{
|
||||
accessorKey: "quantity",
|
||||
header: ({ column }) => {
|
||||
return (
|
||||
<Button
|
||||
variant="light"
|
||||
onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
|
||||
>
|
||||
Available from server
|
||||
<ArrowUpDown className="ml-2 h-4 w-4" />
|
||||
</Button>
|
||||
)
|
||||
},
|
||||
},
|
||||
{
|
||||
id: "actions",
|
||||
cell: ({ row }) => {
|
||||
const payment = row.original
|
||||
|
||||
return (
|
||||
<div className={"flex gap-2"}>
|
||||
<BuyModal cryptoData={row.original}/>
|
||||
<ViewModal targetedCryptoId={row.original.id}/>
|
||||
</div>
|
||||
)
|
||||
},
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<>
|
||||
<DataTable columns={columns} data={cryptos} fieldToFilter={"name"}/>
|
||||
</>
|
||||
);
|
||||
|
||||
}
|
||||
@ -1,86 +0,0 @@
|
||||
'use client'
|
||||
import * as React from 'react';
|
||||
import type {ICryptoInUserWalletInfo, ICryptoInWalletInfo} from "@/interfaces/crypto.interface";
|
||||
|
||||
import {
|
||||
type ColumnDef,
|
||||
flexRender,
|
||||
getCoreRowModel,
|
||||
useReactTable,
|
||||
} from "@tanstack/react-table"
|
||||
import {DataTable} from "@/components/ui/data-table";
|
||||
import {Button} from "@/components/ui/button";
|
||||
import {ArrowUpDown, MoreHorizontal} from "lucide-react";
|
||||
import {useRouter} from "next/navigation";
|
||||
import {useState} from "react";
|
||||
import {BuyModal} from "@/components/cryptos/buy-modal";
|
||||
import {ViewModal} from "@/components/cryptos/view-modal";
|
||||
import {IUserWallet} from "@/interfaces/userdata.interface";
|
||||
|
||||
interface DataTableProps<TData, TValue> {
|
||||
columns: ColumnDef<TData, TValue>[]
|
||||
data: TData[]
|
||||
}
|
||||
|
||||
type Props = {
|
||||
walletArray: IUserWallet
|
||||
};
|
||||
|
||||
export function WalletTable(props: Props) {
|
||||
const router = useRouter()
|
||||
const wallet= props.walletArray.owned_cryptos
|
||||
|
||||
const columns: ColumnDef<ICryptoInUserWalletInfo, any>[] = [
|
||||
{
|
||||
accessorKey: "name",
|
||||
header: "Name",
|
||||
},
|
||||
{
|
||||
accessorKey: "value",
|
||||
header: ({ column }) => {
|
||||
return (
|
||||
<Button
|
||||
variant="light"
|
||||
onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
|
||||
>
|
||||
Value - USD
|
||||
<ArrowUpDown className="ml-2 h-4 w-4" />
|
||||
</Button>
|
||||
)
|
||||
},
|
||||
},
|
||||
{
|
||||
accessorKey: "owned_amount",
|
||||
header: ({ column }) => {
|
||||
return (
|
||||
<Button
|
||||
variant="light"
|
||||
onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
|
||||
>
|
||||
Amount owned
|
||||
<ArrowUpDown className="ml-2 h-4 w-4" />
|
||||
</Button>
|
||||
)
|
||||
},
|
||||
},
|
||||
{
|
||||
id: "actions",
|
||||
cell: ({ row }) => {
|
||||
const payment = row.original
|
||||
|
||||
return (
|
||||
<div className={"flex gap-2"}>
|
||||
<p className={"font-light italic text-xs"}>Soon here : Sell, History</p>
|
||||
</div>
|
||||
)
|
||||
},
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<>
|
||||
<DataTable columns={columns} data={wallet} fieldToFilter={"name"}/>
|
||||
</>
|
||||
);
|
||||
|
||||
}
|
||||
@ -5,7 +5,7 @@ export function Footer() {
|
||||
return (
|
||||
<footer
|
||||
className={
|
||||
"flex flex-col-reverse md:flex-row justify-between gap-2 md:gap-1 self-end order-6 items-center p-2 border-t-2 w-full"
|
||||
"flex flex-col-reverse md:flex-row justify-between gap-2 md:gap-1 items-center p-2 border-t-2 w-full"
|
||||
}
|
||||
>
|
||||
<div
|
||||
@ -49,7 +49,11 @@ export function Footer() {
|
||||
<h3 className={"text-nowrap text-center"}>Support Center</h3>
|
||||
</Link>
|
||||
</div>
|
||||
<div />
|
||||
<div
|
||||
className={
|
||||
"flex flex-row gap-1 items-center justify-center md:justify-end md:w-1/3"
|
||||
}
|
||||
></div>
|
||||
</footer>
|
||||
);
|
||||
}
|
||||
|
||||
@ -23,15 +23,9 @@ export function Header({
|
||||
{title || "YeloBit"}
|
||||
</h1>
|
||||
</div>
|
||||
<div className={"w-1/3 flex flex-row justify-center items-center"}>{children}</div>
|
||||
<div
|
||||
className={"w-1/3 flex flex-col md:flex-row w-full justify-center items-center"}
|
||||
>
|
||||
{children}
|
||||
</div>
|
||||
<div
|
||||
className={
|
||||
"w-1/3 flex flex-row justify-center md:justify-end w-full md:w-fit gap-2 items-center"
|
||||
}
|
||||
className={"w-1/3 flex flex-row justify-center md:justify-end gap-2 items-center"}
|
||||
>
|
||||
<AccountDialog />
|
||||
<ThemeBtnSelector />
|
||||
|
||||
@ -15,7 +15,6 @@ const buttonVariants = cva(
|
||||
"border border-input bg-background hover:bg-accent hover:text-accent-foreground",
|
||||
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
||||
ghost: "hover:bg-accent hover:text-accent-foreground",
|
||||
light: "hover:bg-accent-foreground hover:text-accent",
|
||||
link: "text-primary underline-offset-4 hover:underline",
|
||||
},
|
||||
size: {
|
||||
|
||||
@ -1,112 +0,0 @@
|
||||
"use client";
|
||||
import type { DropdownMenuTriggerProps } from "@radix-ui/react-dropdown-menu";
|
||||
import { CheckIcon, ClipboardIcon } from "lucide-react";
|
||||
|
||||
import { Button, type ButtonProps } from "@/components/ui/button";
|
||||
import {
|
||||
DropdownMenu,
|
||||
DropdownMenuContent,
|
||||
DropdownMenuItem,
|
||||
DropdownMenuTrigger,
|
||||
} from "@/components/ui/dropdown-menu";
|
||||
import { cn } from "@/lib/utils";
|
||||
import { useCallback, useEffect, useState } from "react";
|
||||
|
||||
interface CopyButtonProps extends ButtonProps {
|
||||
value: string;
|
||||
src?: string;
|
||||
event?: Event["NONE"];
|
||||
}
|
||||
|
||||
interface Value {
|
||||
data: string;
|
||||
title: string;
|
||||
}
|
||||
|
||||
export async function copyToClipboardWithMeta(value: string) {
|
||||
await window?.navigator.clipboard.writeText(value);
|
||||
}
|
||||
|
||||
export function CopyButton({
|
||||
value,
|
||||
className,
|
||||
src,
|
||||
variant = "ghost",
|
||||
event,
|
||||
...props
|
||||
}: CopyButtonProps) {
|
||||
const [hasCopied, setHasCopied] = useState(false);
|
||||
|
||||
// biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
|
||||
useEffect(() => {
|
||||
setTimeout(() => {
|
||||
setHasCopied(false);
|
||||
}, 2000);
|
||||
}, [hasCopied]);
|
||||
|
||||
return (
|
||||
<Button
|
||||
size="icon"
|
||||
variant={variant}
|
||||
className={cn(
|
||||
"relative z-10 h-6 w-6 text-zinc-50 hover:bg-zinc-700 hover:text-zinc-50 [&_svg]:size-3",
|
||||
className,
|
||||
)}
|
||||
onClick={() => {
|
||||
copyToClipboardWithMeta(value).then(() => setHasCopied(true));
|
||||
}}
|
||||
{...props}
|
||||
>
|
||||
<span className="sr-only">Copy</span>
|
||||
{hasCopied ? <CheckIcon /> : <ClipboardIcon />}
|
||||
</Button>
|
||||
);
|
||||
}
|
||||
|
||||
interface CopyMultipleChoiceButtonProps extends DropdownMenuTriggerProps {
|
||||
values: Value[];
|
||||
}
|
||||
|
||||
export function CopyMultipleChoiceButton({
|
||||
values,
|
||||
className,
|
||||
...props
|
||||
}: CopyMultipleChoiceButtonProps) {
|
||||
const [hasCopied, setHasCopied] = useState(false);
|
||||
|
||||
// biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
|
||||
useEffect(() => {
|
||||
setTimeout(() => {
|
||||
setHasCopied(false);
|
||||
}, 2000);
|
||||
}, [hasCopied]);
|
||||
|
||||
const copyCommand = useCallback((value: string) => {
|
||||
copyToClipboardWithMeta(value).then(() => setHasCopied(true));
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<DropdownMenu>
|
||||
<DropdownMenuTrigger asChild>
|
||||
<Button
|
||||
size="icon"
|
||||
variant="ghost"
|
||||
className={cn(
|
||||
"relative z-10 h-6 w-6 text-zinc-50 hover:bg-zinc-700 hover:text-zinc-50",
|
||||
className,
|
||||
)}
|
||||
>
|
||||
{hasCopied ? (
|
||||
<CheckIcon className="h-3 w-3" />
|
||||
) : (
|
||||
<ClipboardIcon className="h-3 w-3" />
|
||||
)}
|
||||
<span className="sr-only">Copy</span>
|
||||
</Button>
|
||||
</DropdownMenuTrigger>
|
||||
<DropdownMenuContent align="end">
|
||||
<DropdownMenuItem onClick={() => copyCommand("npm")}>npm</DropdownMenuItem>
|
||||
</DropdownMenuContent>
|
||||
</DropdownMenu>
|
||||
);
|
||||
}
|
||||
@ -1,133 +0,0 @@
|
||||
"use client"
|
||||
|
||||
import {
|
||||
type ColumnDef,
|
||||
flexRender,
|
||||
getCoreRowModel,
|
||||
getPaginationRowModel,
|
||||
type ColumnFiltersState,
|
||||
getFilteredRowModel,
|
||||
getSortedRowModel, type SortingState,
|
||||
useReactTable,
|
||||
} from "@tanstack/react-table";
|
||||
|
||||
import {
|
||||
Table,
|
||||
TableBody,
|
||||
TableCell,
|
||||
TableHead,
|
||||
TableHeader,
|
||||
TableRow,
|
||||
} from "@/components/ui/table"
|
||||
import {Button} from "@/components/ui/button";
|
||||
import {useState} from "react";
|
||||
import {Input} from "@/components/ui/input";
|
||||
|
||||
interface DataTableProps<TData, TValue> {
|
||||
columns: ColumnDef<TData, TValue>[]
|
||||
data: TData[]
|
||||
fieldToFilter: string
|
||||
}
|
||||
|
||||
export function DataTable<TData, TValue>({
|
||||
columns,
|
||||
data,
|
||||
fieldToFilter,
|
||||
}: DataTableProps<TData, TValue>) {
|
||||
const [sorting, setSorting] = useState<SortingState>([])
|
||||
const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>(
|
||||
[]
|
||||
)
|
||||
|
||||
const table = useReactTable({
|
||||
data,
|
||||
columns,
|
||||
getCoreRowModel: getCoreRowModel(),
|
||||
getPaginationRowModel: getPaginationRowModel(),
|
||||
onSortingChange: setSorting,
|
||||
getSortedRowModel: getSortedRowModel(),
|
||||
onColumnFiltersChange: setColumnFilters,
|
||||
getFilteredRowModel: getFilteredRowModel(),
|
||||
state: {
|
||||
sorting,
|
||||
columnFilters,
|
||||
},
|
||||
})
|
||||
|
||||
return (
|
||||
<div className={"w-full"}>
|
||||
<div className="flex items-center py-4">
|
||||
<Input
|
||||
placeholder={`Filter ${fieldToFilter}...`}
|
||||
value={(table.getColumn(fieldToFilter)?.getFilterValue() as string) ?? ""}
|
||||
onChange={(event) =>
|
||||
table.getColumn(fieldToFilter)?.setFilterValue(event.target.value)
|
||||
}
|
||||
className="max-w-sm"
|
||||
/>
|
||||
</div>
|
||||
<div className="rounded-md border w-full text-md">
|
||||
<Table>
|
||||
<TableHeader>
|
||||
{table.getHeaderGroups().map((headerGroup) => (
|
||||
<TableRow key={headerGroup.id}>
|
||||
{headerGroup.headers.map((header) => {
|
||||
return (
|
||||
<TableHead key={header.id} className={"font-bold text-lg text-center"}>
|
||||
{header.isPlaceholder
|
||||
? null
|
||||
: flexRender(
|
||||
header.column.columnDef.header,
|
||||
header.getContext()
|
||||
)}
|
||||
</TableHead>
|
||||
)
|
||||
})}
|
||||
</TableRow>
|
||||
))}
|
||||
</TableHeader>
|
||||
<TableBody>
|
||||
{table.getRowModel().rows?.length ? (
|
||||
table.getRowModel().rows.map((row) => (
|
||||
<TableRow
|
||||
key={row.id}
|
||||
data-state={row.getIsSelected() && "selected"}
|
||||
>
|
||||
{row.getVisibleCells().map((cell) => (
|
||||
<TableCell key={cell.id} className={"text-center"}>
|
||||
{flexRender(cell.column.columnDef.cell, cell.getContext())}
|
||||
</TableCell>
|
||||
))}
|
||||
</TableRow>
|
||||
))
|
||||
) : (
|
||||
<TableRow>
|
||||
<TableCell colSpan={columns.length} className="h-24 text-center">
|
||||
No results.
|
||||
</TableCell>
|
||||
</TableRow>
|
||||
)}
|
||||
</TableBody>
|
||||
</Table>
|
||||
</div>
|
||||
<div className="flex items-center justify-end space-x-2 py-4">
|
||||
<Button
|
||||
variant="outline"
|
||||
size="sm"
|
||||
onClick={() => table.previousPage()}
|
||||
disabled={!table.getCanPreviousPage()}
|
||||
>
|
||||
Previous
|
||||
</Button>
|
||||
<Button
|
||||
variant="outline"
|
||||
size="sm"
|
||||
onClick={() => table.nextPage()}
|
||||
disabled={!table.getCanNextPage()}
|
||||
>
|
||||
Next
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@ -10,7 +10,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
|
||||
<input
|
||||
type={type}
|
||||
className={cn(
|
||||
"flex h-10 w-full rounded-md border border-input bg-accent px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
|
||||
"flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
|
||||
className,
|
||||
)}
|
||||
ref={ref}
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
import {type ICryptoInWalletInfo, ITrade, type IUserWalletCryptos} from "@/interfaces/crypto.interface";
|
||||
import { ITrade, type IUserWalletCryptos } from "@/interfaces/crypto.interface";
|
||||
import type { IUserData } from "@/interfaces/userdata.interface";
|
||||
|
||||
// ----- Request -----
|
||||
@ -18,33 +18,10 @@ export interface IApiLoginReq {
|
||||
password: string;
|
||||
}
|
||||
|
||||
export interface IApiTradeCreateRq {
|
||||
id_offer: string;
|
||||
}
|
||||
|
||||
export interface IApiOfferCreateReq {
|
||||
id_crypto: string;
|
||||
amount: number;
|
||||
}
|
||||
|
||||
export interface IApiCreateReferralCodeReq {
|
||||
name: string;
|
||||
value: number;
|
||||
}
|
||||
|
||||
export interface IApiDoTradeReq {
|
||||
id_offer: string;
|
||||
}
|
||||
|
||||
export interface IApiDoOfferReq {
|
||||
id_crypto: string;
|
||||
amount: number;
|
||||
}
|
||||
|
||||
// ----- Response -----
|
||||
|
||||
export interface IAbstractApiResponse {
|
||||
message?: Array<string> | string;
|
||||
message?: Array<string>;
|
||||
error?: string;
|
||||
statusCode?: number;
|
||||
}
|
||||
@ -66,25 +43,4 @@ export interface IApiUserAssetsRes extends IAbstractApiResponse {
|
||||
UserHasCrypto?: IUserWalletCryptos[];
|
||||
}
|
||||
|
||||
export interface IApiAllTradesRes extends IAbstractApiResponse {}
|
||||
|
||||
export interface IAllRankRes extends IAbstractApiResponse {}
|
||||
|
||||
export interface IAllReferralCodeRes extends IAbstractApiResponse {}
|
||||
|
||||
export interface ICreateReferralCodeRes extends IAbstractApiResponse {}
|
||||
|
||||
export interface IReferralCodeUpdateRes extends IAbstractApiResponse {}
|
||||
|
||||
export interface IReferralCodeDeleteRes extends IAbstractApiResponse {}
|
||||
|
||||
export interface IApiAllOffersRes extends IAbstractApiResponse {
|
||||
id: string
|
||||
User: {
|
||||
pseudo: string
|
||||
}
|
||||
amount: number
|
||||
created_at: string
|
||||
id_user: string
|
||||
Crypto: ICryptoInWalletInfo
|
||||
}
|
||||
export interface IApiAllTrades extends IAbstractApiResponse {}
|
||||
|
||||
@ -1,6 +1,5 @@
|
||||
export interface IUserWalletCryptos {
|
||||
Crypto: ICryptoInWalletInfo;
|
||||
amount: number;
|
||||
Crypto?: ICryptoInWalletInfo;
|
||||
}
|
||||
|
||||
export interface ICryptoInWalletInfo {
|
||||
@ -13,10 +12,6 @@ export interface ICryptoInWalletInfo {
|
||||
updated_at: string;
|
||||
}
|
||||
|
||||
export interface ICryptoInUserWalletInfo extends ICryptoInWalletInfo {
|
||||
owned_amount: number;
|
||||
}
|
||||
|
||||
export type IAllTrades = ITrade[];
|
||||
|
||||
export interface ITrade {
|
||||
|
||||
@ -1,13 +0,0 @@
|
||||
export interface IStandardisedReturn<T> {
|
||||
state: EReturnState;
|
||||
message?: string;
|
||||
resolved?: T;
|
||||
}
|
||||
|
||||
export enum EReturnState {
|
||||
unauthorized = 0,
|
||||
clientError = 1,
|
||||
serverError = 2,
|
||||
done = 3,
|
||||
queued = 4,
|
||||
}
|
||||
@ -1,9 +1,3 @@
|
||||
import {
|
||||
type ICryptoInUserWalletInfo,
|
||||
type ICryptoInWalletInfo,
|
||||
IUserWalletCryptos,
|
||||
} from "@/interfaces/crypto.interface";
|
||||
|
||||
export interface IUserData {
|
||||
id: string;
|
||||
firstName: string;
|
||||
@ -17,12 +11,4 @@ export interface IUserData {
|
||||
age: number;
|
||||
created_at: string;
|
||||
updated_at: string;
|
||||
//TODO get on register
|
||||
wallet: IUserWallet;
|
||||
}
|
||||
|
||||
export interface IUserWallet {
|
||||
uat: number;
|
||||
update_interval: number;
|
||||
owned_cryptos: ICryptoInUserWalletInfo[];
|
||||
}
|
||||
|
||||
@ -1,53 +1,114 @@
|
||||
"use client";
|
||||
|
||||
import type {
|
||||
IAbstractApiResponse,
|
||||
IAllReferralCodeRes,
|
||||
IApiAllTradesRes, IApiDoTradeReq,
|
||||
IApiUserAssetsRes,
|
||||
ICreateReferralCodeRes,
|
||||
IApiLoginReq,
|
||||
IApiLoginRes,
|
||||
IApiRegisterReq,
|
||||
IApiRegisterRes, IApiUserAssetsRes,
|
||||
} from "@/interfaces/api.interface";
|
||||
import {ICryptoInWalletInfo, IUserWalletCryptos} from "@/interfaces/crypto.interface";
|
||||
import { EReturnState, type IStandardisedReturn } from "@/interfaces/general.interface";
|
||||
import type { IUserData, IUserWallet } from "@/interfaces/userdata.interface";
|
||||
import type {IUserData, IUserWallet} from "@/interfaces/userdata.interface";
|
||||
import ApiRequest from "@/services/apiRequest";
|
||||
import type { Dispatch, SetStateAction } from "react";
|
||||
import {AxiosResponse} from "axios";
|
||||
import { useEncodedLocalStorage } from "@/services/localStorage";
|
||||
import {createContext, type Dispatch, type SetStateAction, useContext, useEffect, useState} from "react";
|
||||
import {type ICryptoInUserWalletInfo, ICryptoInWalletInfo} from "@/interfaces/crypto.interface";
|
||||
|
||||
const [userData, setUserData] = useEncodedLocalStorage<IUserData | null>(
|
||||
"user_data",
|
||||
null,
|
||||
);
|
||||
const UserDataContext = createContext<readonly [IUserData | null, Dispatch<SetStateAction<IUserData | null>>]>([userData, setUserData]);
|
||||
|
||||
//TODO Run register task
|
||||
export async function doRegister(
|
||||
registerData: IApiRegisterReq,
|
||||
): Promise<IApiRegisterRes | null> {
|
||||
console.trace(registerData);
|
||||
try {
|
||||
const ReqRes = await ApiRequest.standard.post.json<IApiRegisterReq, IApiRegisterRes>(
|
||||
"auth/signup",
|
||||
registerData,
|
||||
);
|
||||
console.trace(ReqRes.data);
|
||||
if (ReqRes.data.user) {
|
||||
setUserData(ReqRes.data.user);
|
||||
}
|
||||
|
||||
// biome-ignore lint/complexity/noForEach: <explanation>
|
||||
ReqRes.data.message?.forEach((err) => console.warn(err));
|
||||
|
||||
return ReqRes.data;
|
||||
} catch (error) {
|
||||
console.error("Error during registration:", error);
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
//TODO Run login task
|
||||
export async function doLogin(loginData: IApiLoginReq) {
|
||||
try {
|
||||
const ReqRes = await ApiRequest.standard.post.json<IApiLoginReq, IApiLoginRes>(
|
||||
"auth/login",
|
||||
loginData,
|
||||
);
|
||||
console.trace(ReqRes.data);
|
||||
//if (ReqRes.data.user) {
|
||||
// setUserData(ReqRes.data.user)
|
||||
//}
|
||||
|
||||
// biome-ignore lint/complexity/noForEach: <explanation>
|
||||
ReqRes.data.message?.forEach((err) => console.warn(err));
|
||||
return ReqRes.data;
|
||||
} catch (err) {
|
||||
console.error("Error during login:", err);
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
//TODO Run disconnect task
|
||||
export function doDisconnect() {
|
||||
if (typeof window !== "undefined") {
|
||||
window.localStorage.removeItem("sub");
|
||||
//Redirect to homepage
|
||||
window.location.href = "/";
|
||||
return true;
|
||||
}
|
||||
console.log(
|
||||
"Whut ? Why trying to remove an item from the localStorage when running in SSR ?",
|
||||
"Whut ? Why trying to remove an item from the localStorage when runner in SSR ?",
|
||||
);
|
||||
return false;
|
||||
}
|
||||
|
||||
export async function getWallet(): Promise<IStandardisedReturn<IApiUserAssetsRes>> {
|
||||
try {
|
||||
const ReqRes =
|
||||
await ApiRequest.authenticated.get.json<IStandardisedReturn<IApiUserAssetsRes>>(
|
||||
"user/my-assets",
|
||||
);
|
||||
console.log(ReqRes.data);
|
||||
//TODO Run update user data
|
||||
export async function refreshUserData() {
|
||||
if (!userData) return;
|
||||
|
||||
if (ReqRes.status !== 200) {
|
||||
const isTokenAlive =typeof window !== "undefined" ? window.localStorage.getItem("sub") : null;
|
||||
if (!isTokenAlive) return;
|
||||
|
||||
const _reqData = await ApiRequest.authenticated.get.json<IApiUserAssetsRes>("user/my-assets")
|
||||
const old_userData = userData
|
||||
// biome-ignore lint/style/useConst: <explanation>
|
||||
let new_userData: IUserData = old_userData
|
||||
let _owned_cryptos: ICryptoInUserWalletInfo[] = []
|
||||
|
||||
if (_reqData.data.UserHasCrypto) {
|
||||
_owned_cryptos = _reqData.data.UserHasCrypto.map((el): ICryptoInUserWalletInfo =>{
|
||||
return {
|
||||
state: EReturnState.clientError,
|
||||
};
|
||||
}
|
||||
return {
|
||||
state: EReturnState.done,
|
||||
resolved: ReqRes.data,
|
||||
};
|
||||
} catch (err) {
|
||||
return {
|
||||
state: EReturnState.serverError,
|
||||
};
|
||||
...el.Crypto,
|
||||
owned_amount: el.amount
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
// biome-ignore lint/suspicious/noAssignInExpressions: <explanation>
|
||||
new_userData.wallet = {
|
||||
uat: Date.now(),
|
||||
update_interval: 30_000,
|
||||
owned_cryptos: _owned_cryptos,
|
||||
}
|
||||
|
||||
if (Date.now() >= old_userData.wallet.uat + (new_userData.wallet.update_interval / 1_000)) {
|
||||
console.log("New update on userData.")
|
||||
console.trace(new_userData)
|
||||
setUserData(new_userData)
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@ -10,7 +10,7 @@ const AxiosConfigs = {
|
||||
return {
|
||||
headers: {
|
||||
"content-type": "application/json",
|
||||
Authorization: `Bearer ${typeof window !== "undefined" ? JSON.parse(window.localStorage.getItem("sub") || "not-ssr") : "not-ssr"}`,
|
||||
Authorization: `Bearer ${typeof window !== "undefined" ? window.localStorage.getItem("sub") : "not-ssr"}`,
|
||||
},
|
||||
validateStatus: (status: number) => {
|
||||
return status < 500; // Resolve only if the status code is less than 500
|
||||
|
||||
@ -39,54 +39,77 @@ export function useLocalStorage<T>(
|
||||
}, [key, storedValue]);
|
||||
return [storedValue, setStoredValue];
|
||||
}
|
||||
/**
|
||||
* Custom hook that provides a way to store and retrieve encoded values in local storage.
|
||||
*
|
||||
* @template T - The type of the value to be stored.
|
||||
*
|
||||
* @param {string} key - The key to be used for storing the encoded value in local storage.
|
||||
* @param {T} fallbackValue - The fallback value to be used if no value is found in local storage.
|
||||
*
|
||||
* @return {readonly [T, React.Dispatch<React.SetStateAction<T>>]} - An array containing the encoded value and a function to update the encoded value.
|
||||
*/
|
||||
export function useEncodedLocalStorage<T>(
|
||||
key: string,
|
||||
fallbackValue: T,
|
||||
): readonly [T, React.Dispatch<React.SetStateAction<T>>] {
|
||||
console.log("Pong !");
|
||||
const [encodedValue, setEncodedValue] = useState<T>(() => {
|
||||
const stored = localStorage?.getItem(key);
|
||||
return stored ? safelyParse(stored, fallbackValue) : fallbackValue;
|
||||
});
|
||||
|
||||
const prevValue = useRef(encodedValue);
|
||||
/**
|
||||
* Custom hook that provides an encoded version of a state value and a function to update that value.
|
||||
*
|
||||
* @template T - The type of the state value.
|
||||
* @param {string} key - The key under which the state value is stored in the local storage.
|
||||
* @param {T} initialValue - The initial value of the state.
|
||||
* @return {[T, React.Dispatch<React.SetStateAction<T>>]} - A tuple containing the encoded state value and the function to update it.
|
||||
*/
|
||||
export function useEncodedLocalStorage<T>(key: string, initialValue: T): readonly [T, React.Dispatch<React.SetStateAction<T>>] {
|
||||
const [encodedState, setEncodedState] = useState<T>(() => getFromLocalStorage(key, initialValue));
|
||||
|
||||
useEffect(() => {
|
||||
console.log({ encodedValue });
|
||||
if (!b64ValEqual(prevValue.current, encodedValue)) {
|
||||
localStorage?.setItem(key, safelyStringify(encodedValue));
|
||||
}
|
||||
prevValue.current = encodedValue; // Set ref to current value
|
||||
}, [key, encodedValue]);
|
||||
return [encodedValue, setEncodedValue] as const;
|
||||
saveToLocalStorage(key, encodedState);
|
||||
}, [encodedState, key]);
|
||||
|
||||
function safelyParse(stored: string, fallback: T): T {
|
||||
try {
|
||||
return JSON.parse(atob(stored));
|
||||
} catch {
|
||||
return fallback;
|
||||
}
|
||||
}
|
||||
return [encodedState, setEncodedState] as const;
|
||||
}
|
||||
|
||||
function b64ValEqual<T>(v1: T, v2: T): boolean {
|
||||
return btoa(JSON.stringify(v1)) === btoa(JSON.stringify(v2));
|
||||
}
|
||||
|
||||
function safelyStringify(value: T): string {
|
||||
try {
|
||||
return btoa(JSON.stringify(value));
|
||||
} catch {
|
||||
return btoa(JSON.stringify(fallbackValue));
|
||||
/**
|
||||
* Retrieves a value from the localStorage with the given key.
|
||||
*
|
||||
* @param {string} key - The key to retrieve the value from.
|
||||
* @param {T} initialValue - The initial value to be returned if the value does not exist in the localStorage.
|
||||
* @returns {T} - The retrieved value from the localStorage or the initial value if it does not exist.
|
||||
*/
|
||||
function getFromLocalStorage<T>(key: string, initialValue: T): T {
|
||||
try {
|
||||
const localStorageValue = localStorage?.getItem(key);
|
||||
if (localStorageValue) {
|
||||
return decodeFromBase64(localStorageValue);
|
||||
}
|
||||
return initialValue;
|
||||
} catch {
|
||||
return initialValue;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Save a value to the local storage.
|
||||
*
|
||||
* @param {string} key - The key to store the value.
|
||||
* @param {*} value - The value to be stored.
|
||||
* @return {void}
|
||||
*/
|
||||
function saveToLocalStorage<T>(key: string, value: T): void {
|
||||
try {
|
||||
const encoded = encodeToBase64(value);
|
||||
localStorage?.setItem(key, encoded);
|
||||
} catch {}
|
||||
}
|
||||
|
||||
/**
|
||||
* Decodes a string value from Base64 encoding.
|
||||
*
|
||||
* @param {string} value - The Base64 encoded string to decode.
|
||||
* @template T - The type of the decoded value.
|
||||
* @returns {T} - The decoded value.
|
||||
*/
|
||||
function decodeFromBase64<T>(value: string) {
|
||||
const decoded = atob(value);
|
||||
return JSON.parse(decoded) as T;
|
||||
}
|
||||
|
||||
/**
|
||||
* Encodes the given value to Base64.
|
||||
*
|
||||
* @param {T} value - The value to be encoded.
|
||||
* @returns {string} - The Base64 encoded string.
|
||||
*/
|
||||
function encodeToBase64<T>(value: T): string {
|
||||
const serializedState = JSON.stringify(value);
|
||||
return btoa(serializedState);
|
||||
}
|
||||
|
||||
400
temp.ts
400
temp.ts
@ -1,400 +0,0 @@
|
||||
////////apiTypes.ts
|
||||
|
||||
|
||||
|
||||
export interface ResponseSuccess {
|
||||
|
||||
data: any
|
||||
|
||||
status: number
|
||||
|
||||
statusText: string
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
export interface ResponseFailed {
|
||||
|
||||
code: string
|
||||
|
||||
message: string
|
||||
|
||||
name: string
|
||||
|
||||
response: {
|
||||
|
||||
data: {
|
||||
|
||||
error: string
|
||||
|
||||
message: string
|
||||
|
||||
statusCode: number
|
||||
|
||||
}
|
||||
|
||||
status: number
|
||||
|
||||
statusText: string
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
///////////////cryptoTypes.ts
|
||||
|
||||
|
||||
|
||||
export enum RoleName {
|
||||
|
||||
user = 'user',
|
||||
|
||||
admin = 'admin',
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
export type Role = {
|
||||
|
||||
id: string
|
||||
|
||||
name: RoleName
|
||||
|
||||
created_at?: string
|
||||
|
||||
updated_at?: string
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
export type PromoCode = {
|
||||
|
||||
id: string
|
||||
|
||||
name: string
|
||||
|
||||
value: number
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
export type CryptoHistory = {
|
||||
|
||||
id: string
|
||||
|
||||
id_crypto: string
|
||||
|
||||
value: number
|
||||
|
||||
created_at: string
|
||||
|
||||
updated_at: string
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
export interface Offer {
|
||||
|
||||
id: string
|
||||
|
||||
User: {
|
||||
|
||||
pseudo: string
|
||||
|
||||
}
|
||||
|
||||
amount: number
|
||||
|
||||
created_at: string
|
||||
|
||||
id_user: string
|
||||
|
||||
Crypto: CryptoData
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
export interface UserAssets {
|
||||
|
||||
firstName: string
|
||||
|
||||
lastName: string
|
||||
|
||||
dollarAvailables: number
|
||||
|
||||
pseudo: string
|
||||
|
||||
age: number
|
||||
|
||||
UserHasCrypto: CryptoData[]
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
export interface Signin {
|
||||
|
||||
access_token: string
|
||||
|
||||
user: UserExtended
|
||||
|
||||
Role: Role
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
export interface CryptoData {
|
||||
|
||||
id: string
|
||||
|
||||
name: string
|
||||
|
||||
value: number
|
||||
|
||||
image: string
|
||||
|
||||
quantity: number
|
||||
|
||||
created_at: string
|
||||
|
||||
updated_at: string
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
export interface MyCryptoData {
|
||||
|
||||
Crypto: CryptoData
|
||||
|
||||
amount: number
|
||||
|
||||
id: string
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
export interface Trade {
|
||||
|
||||
Giver: User
|
||||
|
||||
Receiver: User
|
||||
|
||||
Crypto: CryptoData
|
||||
|
||||
id: string
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
export interface User {
|
||||
|
||||
firstName: string
|
||||
|
||||
lastName: string
|
||||
|
||||
pseudo: string
|
||||
|
||||
dollarAvailables: number
|
||||
|
||||
}
|
||||
|
||||
export interface UserHasCrypto {
|
||||
|
||||
id: string
|
||||
|
||||
id_user: string
|
||||
|
||||
id_crypto: string
|
||||
|
||||
amount: number
|
||||
|
||||
createdAt: string
|
||||
|
||||
updated_at: string
|
||||
|
||||
Crypto: CryptoData
|
||||
|
||||
}
|
||||
|
||||
export interface UserExtended extends User {
|
||||
|
||||
id: string
|
||||
|
||||
hash: string
|
||||
|
||||
email: string
|
||||
|
||||
roleId: string
|
||||
|
||||
isActive: boolean
|
||||
|
||||
city: string
|
||||
|
||||
age: number
|
||||
|
||||
created_at: string
|
||||
|
||||
updated_at: string
|
||||
|
||||
UserHasCrypto?: UserHasCrypto
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
export interface MyTrade {
|
||||
|
||||
id: string
|
||||
|
||||
id_giver: string
|
||||
|
||||
id_receiver: string
|
||||
|
||||
id_crypto: string
|
||||
|
||||
amount_traded: number
|
||||
|
||||
created_at: string
|
||||
|
||||
updated_at: string
|
||||
|
||||
Crypto: CryptoData
|
||||
|
||||
Giver: UserExtended
|
||||
|
||||
Receiver: UserExtended
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
export interface AuthData {
|
||||
|
||||
access_token: string
|
||||
|
||||
user: {
|
||||
|
||||
id: string
|
||||
|
||||
firstName: string
|
||||
|
||||
lastName: string
|
||||
|
||||
pseudo: string
|
||||
|
||||
hash: null | any
|
||||
|
||||
email: string
|
||||
|
||||
roleId: string
|
||||
|
||||
isActive: boolean
|
||||
|
||||
city: string
|
||||
|
||||
dollarAvailables: number
|
||||
|
||||
age: number
|
||||
|
||||
created_at: string
|
||||
|
||||
updated_at: string
|
||||
|
||||
UserHasCrypto: UserHasCrypto[]
|
||||
|
||||
Role: Role
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
////////////formTypes.ts
|
||||
|
||||
|
||||
|
||||
export type RegisterInput = {
|
||||
|
||||
firstName: string
|
||||
|
||||
lastName: string
|
||||
|
||||
pseudo: string
|
||||
|
||||
city: string
|
||||
|
||||
email: string
|
||||
|
||||
password: string
|
||||
|
||||
confirmPassword: string
|
||||
|
||||
promoCode: string
|
||||
|
||||
age: number
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
export type LoginInput = {
|
||||
|
||||
email: string
|
||||
|
||||
password: string
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
export type RoleInput = {
|
||||
|
||||
name: string
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
export type PromoCodeInput = {
|
||||
|
||||
name: string
|
||||
|
||||
value: number
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
export type TradeInput = {
|
||||
|
||||
id_offer: string
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
export type OfferInput = {
|
||||
|
||||
id_crypto: string
|
||||
|
||||
amount: number
|
||||
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user