Feature/4/asset management section

.env.sample

@@ -0,0 +1 @@
+NEXT_PUBLIC_BASE_API_URL='https://api-dev.testudo.xyz'

api/auth/authApi.ts

@@ -0,0 +1,28 @@
+import {
+  GoogleCallbackResponse,
+  NautilusBodyRequest,
+  NautilusResponse,
+  ErgoPayResponse,
+  ErgoPayRequestParameter,
+  GoogleCallbackRequestParameter,
+  UserInfoResponse,
+} from '@/api/auth/authApi.types';
+import { httpClient } from '@/utils/http-client';
+
+export const authApi = {
+  googleCallback: async (
+    parameter: GoogleCallbackRequestParameter,
+  ): Promise<GoogleCallbackResponse> =>
+    httpClient.get(`/auth/google/callback?code=${parameter.code}`),
+
+  nautilus: async (body: NautilusBodyRequest): Promise<NautilusResponse> =>
+    httpClient.post(`/auth/nautilus`, body),
+
+  ergoPay: async ({
+    address,
+  }: ErgoPayRequestParameter): Promise<ErgoPayResponse> =>
+    httpClient.get(`/ergopay/${address}`), // should be ergoauth://localhost/auth/ergopay/:address
+
+  userInfo: async (token: string | null): Promise<UserInfoResponse> =>
+    httpClient.get(`/auth/getUserInfo`, undefined, token),
+};

api/auth/authApi.types.ts

@@ -0,0 +1,47 @@
+import { ApiResponse, ApiError } from '@/utils/types';
+
+export interface GoogleCallbackRequestParameter {
+  code?: string;
+}
+
+export type SignInSuccessResponse = {
+  token: string;
+};
+
+export type GoogleCallbackResponse = SignInSuccessResponse | ApiError;
+
+export interface NautilusBodyRequest {
+  proof?: string;
+  message?: string;
+  address?: string;
+}
+
+export type NautilusResponse = SignInSuccessResponse | ApiError;
+
+export interface ErgoPayRequestParameter {
+  address: string;
+}
+
+export type ErgoPaySuccessResponse = ApiResponse<{
+  status: number;
+}>;
+
+export type ErgoPayResponse = ErgoPaySuccessResponse | ApiError;
+
+export type UserInfoSuccessResponse = {
+  user: {
+    id: string;
+    email: string;
+    firstName: string;
+    lastName: string;
+    picture: string;
+  } | null;
+  addresses:
+    | {
+        id: string;
+        sign_message: string;
+      }[]
+    | undefined;
+};
+
+export type UserInfoResponse = UserInfoSuccessResponse | ApiError;

api/auth/index.ts

@@ -0,0 +1,49 @@
+import { useQuery } from '@tanstack/react-query';
+
+import { authApi } from '@/api/auth/authApi';
+import {
+  SignInSuccessResponse,
+  GoogleCallbackResponse,
+  NautilusBodyRequest,
+  NautilusResponse,
+  ErgoPaySuccessResponse,
+  ErgoPayResponse,
+  ErgoPayRequestParameter,
+  GoogleCallbackRequestParameter,
+  UserInfoSuccessResponse,
+  UserInfoResponse,
+} from '@/api/auth/authApi.types';
+import { queryKeys } from '@/utils/react-query-keys';
+import { ApiError } from '@/utils/types';
+
+export const authApiGateway = {
+  useGoogleCallback: (parameter: GoogleCallbackRequestParameter) =>
+    useQuery<GoogleCallbackResponse, ApiError, SignInSuccessResponse>(
+      queryKeys.authKeys.useGoogleCallback(parameter),
+      () => authApi.googleCallback(parameter),
+      { enabled: !!parameter.code },
+    ),
+
+  useNautilus: (body: NautilusBodyRequest) =>
+    useQuery<NautilusResponse, ApiError, SignInSuccessResponse>(
+      queryKeys.authKeys.useNautilus(body),
+      () => authApi.nautilus(body),
+      { enabled: !!(body.address && body.message && body.proof) },
+    ),
+  useErgoPay: (parameter: ErgoPayRequestParameter) =>
+    useQuery<ErgoPayResponse, ApiError, ErgoPaySuccessResponse>(
+      queryKeys.authKeys.useErgoPay(parameter),
+      {
+        queryFn: () => authApi.ergoPay(parameter),
+      },
+    ),
+
+  useUserInfo: (token: string | null) =>
+    useQuery<UserInfoResponse, ApiError, UserInfoSuccessResponse>(
+      queryKeys.authKeys.useUserInfo(token),
+      () => authApi.userInfo(token),
+      {
+        enabled: !!token, // Only enable the query when the token is present
+      },
+    ),
+};

app/dashboard/page.tsx

@@ -1,5 +1,10 @@
-import { Layout } from '@/components/dashboard/layout/Layout';
+import { AssetManagement } from '@/scenes/dashboard/assetManagement/AssetManagement';
+import { Layout } from '@/scenes/dashboard/layout/Layout';
 
 export default function dashboard() {
-  return <Layout></Layout>;
+  return (
+    <Layout currentMenu="Asset management">
+      <AssetManagement />
+    </Layout>
+  );
 }

app/globals.css

@@ -2,8 +2,12 @@
 @tailwind components;
 @tailwind utilities;
 
+html {
+  font-size: 16px;
+}
+
 html,
 body {
   height: 100%;
+  overflow: hidden;
 }
-

app/layout.tsx

@@ -2,7 +2,7 @@ import type { Metadata } from 'next';
 import { Inter } from 'next/font/google';
 
 import { Header } from '@/components/header/Header';
-import { AppProviders } from '@/components/providers';
+import { AppProviders } from '@/components/Providers';
 
 import './globals.css';
 

app/page.tsx

@@ -1,5 +1,24 @@
-export default function Home() {
+import React from 'react';
+
+import { Box } from '@mui/material';
+
+import { Banner, Reward, Statistics, JoinUs, Footer } from '@/scenes/landing';
+
+const Landing = () => {
   return (
-    <main className="flex min-h-screen flex-col items-center justify-between p-24"></main>
+    <Box className="h-full overflow-y-auto pb-14">
+      <Box
+        component="main"
+        className=" flex-grow  bg-background-dark px-[6.25rem] py-20"
+      >
+        <Banner />
+        <Reward />
+        <Statistics />
+        <JoinUs />
+      </Box>
+      <Footer />
+    </Box>
   );
-}
+};
+
+export default Landing;