feat(admin-trades): Implementing API and UI

packages/trade/exchange-irec/src/admin/admin-trade.controller.ts

@@ -0,0 +1,18 @@
+import { BaseAdminTradeController } from '@energyweb/exchange';
+import { NullOrUndefinedResultInterceptor } from '@energyweb/origin-backend-utils';
+import {
+    Controller,
+    UseInterceptors,
+    UsePipes,
+    ValidationPipe
+} from '@nestjs/common';
+import { ApiBearerAuth, ApiTags } from '@nestjs/swagger';
+import { ProductDTO, ProductFilterDTO } from '../product';
+
+
+@ApiTags('admin')
+@ApiBearerAuth('access-token')
+@Controller('admin')
+@UseInterceptors(NullOrUndefinedResultInterceptor)
+@UsePipes(ValidationPipe)
+export class AdminTradeController extends BaseAdminTradeController<ProductDTO, ProductFilterDTO> { }

packages/trade/exchange-irec/src/admin/admin-trade.module.ts

@@ -0,0 +1,10 @@
+import { TradeModule as BaseTradeModule } from '@energyweb/exchange';
+import { Module } from '@nestjs/common';
+
+import { AdminTradeController } from './admin-trade.controller';
+
+@Module({
+    imports: [BaseTradeModule],
+    controllers: [AdminTradeController]
+})
+export class AdminTradeModule {}

packages/trade/exchange-irec/src/admin/index.ts

@@ -0,0 +1,2 @@
+export * from './admin-trade.controller';
+export * from './admin-trade.module';

packages/trade/exchange-irec/src/app.module.ts

@@ -9,6 +9,7 @@ import { ProductModule } from './product';
 import { RunnerModule } from './runner';
 import { TradeModule } from './trade';
 import { ExportModule } from './export';
+import { AdminTradeModule } from './admin';
 
 @Module({
     imports: [
@@ -19,7 +20,8 @@ import { ExportModule } from './export';
         RunnerModule,
         DemandModule,
         TradeModule,
-        ExportModule
+        ExportModule,
+        AdminTradeModule
     ],
     providers: [IntUnitsOfEnergy]
 })

packages/trade/exchange-irec/src/index.ts

@@ -7,6 +7,7 @@ export * from './product';
 export * from './runner';
 export * from './trade';
 export * from './utils';
+export * from './admin';
 
 export { entities as IssuerIRECEntities } from '@energyweb/issuer-irec-api';
 

packages/trade/exchange/src/pods/trade/base-admin-trade.controller.ts

@@ -0,0 +1,42 @@
+import {
+    ActiveUserGuard,
+    NullOrUndefinedResultInterceptor
+} from '@energyweb/origin-backend-utils';
+import {
+    Controller,
+    Get,
+    HttpStatus,
+    UseGuards,
+    UseInterceptors,
+    UsePipes,
+    ValidationPipe
+} from '@nestjs/common';
+import { AuthGuard } from '@nestjs/passport';
+import { ApiBearerAuth, ApiResponse, ApiTags } from '@nestjs/swagger';
+
+import { TradeDTO } from './trade.dto';
+import { TradeService } from './trade.service';
+
+@ApiTags('admin')
+@ApiBearerAuth('access-token')
+@Controller('admin')
+@UseInterceptors(NullOrUndefinedResultInterceptor)
+@UsePipes(ValidationPipe)
+export class BaseAdminTradeController<TProduct, TProductFilter> {
+    constructor(private readonly tradeService: TradeService<TProduct, TProductFilter>) {}
+
+    @UseGuards(AuthGuard(), ActiveUserGuard)
+    @Get('trades')
+    @ApiResponse({ status: HttpStatus.OK, type: [TradeDTO], description: 'Get all trades for Admin' })
+    public async getAll(): Promise<TradeDTO<TProduct>[]> {
+        const trades = await this.tradeService.getAll();
+
+        return trades.map((trade) =>
+            TradeDTO.fromTrade(
+                trade,
+                trade.ask.assetId,
+                trade.ask.product
+            )
+        );
+    }
+}

packages/trade/exchange/src/pods/trade/index.ts

@@ -1,4 +1,5 @@
 export * from './base-trade.controller';
+export * from './base-admin-trade.controller';
 export * from './trade-accounting.module';
 export * from './trade-accounting.service';
 export * from './trade-executed-event.handler';

packages/trade/exchange/src/pods/trade/trade.service.ts

@@ -107,7 +107,7 @@ export class TradeService<TProduct, TProductFilter> implements OnModuleInit {
         });
     }
 
-    private async getAll() {
+    public async getAll() {
         return this.buildGetAllQuery().orderBy('trade.created', 'DESC').getMany();
     }
 

packages/ui/apps/origin-ui/src/components/AppContainer/AppContainer.effects.tsx

@@ -215,6 +215,7 @@ export const useAppContainerEffects = () => {
   const adminRoutesConfig: RoutesConfig['adminRoutes'] = {
     showClaims: userIsAdminOrSupport,
     showUsers: userIsAdminOrSupport,
+    showTrades: userIsAdminOrSupport,
   };
   const adminMenu = getAdminMenu({
     t,

packages/ui/libs/ui/localization/src/languages/en.json

@@ -56,7 +56,8 @@
       "admin": {
         "sectionTitle": "Admin",
         "users": "Users",
-        "claims": "Claims"
+        "claims": "Claims",
+        "trades": "Trades"
       },
       "layout": {
         "userPendingTooltip": "Your user account status is pending",
@@ -976,6 +977,15 @@
           "userUpdateSuccess": "User successfully updated",
           "userUpdateError": "Error while updating user"
         }
+      },
+      "trades": {
+        "date": "Date",
+        "buyer": "Buyer",
+        "seller": "Seller",
+        "device": "Device",
+        "quantity": "Quantity",
+        "price": "Price",
+        "total": "Total"
       }
     },
     "general": {

packages/ui/libs/user/data/src/fetching/adminTrades.ts

@@ -0,0 +1,14 @@
+import {
+  TradeDTO,
+  useAdminTradeControllerGetAll,
+} from '@energyweb/exchange-irec-react-query-client';
+
+export const useApiAdminTrades = () => {
+  const refetchInterval = 10000;
+  const { data, isLoading } = useAdminTradeControllerGetAll({
+    query: { refetchInterval },
+  });
+  const adminTrades = data ?? ([] as TradeDTO[]);
+
+  return { adminTrades, isLoading };
+};

packages/ui/libs/user/data/src/fetching/index.ts

@@ -5,3 +5,4 @@ export * from './blockchainCertificates';
 export * from './exchangeAddress';
 export * from './pollExchangeAddress';
 export * from './user';
+export * from './adminTrades';

packages/ui/libs/user/logic/src/admin/index.ts

@@ -1,3 +1,4 @@
-export * from './useAdminUsersTableLogic';
-export * from './useAdminUpdateUserFormLogic';
-export * from './claims';
+export * from './useAdminUsersTableLogic';
+export * from './useAdminUpdateUserFormLogic';
+export * from './claims';
+export * from './trades';

packages/ui/libs/user/logic/src/admin/trades.ts

@@ -0,0 +1,86 @@
+import { TradeDTO } from '@energyweb/exchange-irec-react-query-client';
+import { TableComponentProps, TableRowData } from '@energyweb/origin-ui-core';
+import { useTranslation } from 'react-i18next';
+import { formatDate } from '@energyweb/origin-ui-utils';
+import { ComposedPublicDevice } from '@energyweb/origin-ui-user-data';
+
+type TUseAdminTradesTableLogicArgs = {
+  trades: TradeDTO[];
+  allDevices: ComposedPublicDevice[];
+  isLoading: boolean;
+};
+type TUseAdminTradesTableLogic = (
+  args: TUseAdminTradesTableLogicArgs
+) => TableComponentProps<string>;
+type TFormatTrades = (
+  args: Omit<TUseAdminTradesTableLogicArgs, 'isLoading'>
+) => TableRowData<string>[];
+
+type FormattedTrade = {
+  id: string;
+  date: string;
+  buyer: string;
+  seller: string;
+  deviceName: string;
+  volume: number;
+  price: number;
+  total: number;
+};
+
+const formatTrades: TFormatTrades = ({ trades, allDevices }) => {
+  const formattedTrades: FormattedTrade[] = [];
+
+  trades?.forEach((trade) => {
+    formattedTrades.push({
+      id: `${trade.id}`,
+      date: formatDate(trade.created),
+      buyer: '',
+      seller: '',
+      deviceName: '',
+      volume: 0,
+      price: 0,
+      total: 0,
+    });
+  });
+
+  // trades?.forEach((trade) =>
+  //   trade.claims?.forEach((claim) => {
+  //     formattedClaims.push({
+  //       id: `${trade.id};${claim.claimData.periodStartDate}`,
+  //       certificateId: trade.id,
+  //       deviceName: allDevices.find(
+  //         (device) => device.externalRegistryId === trade.deviceId
+  //       )?.name,
+  //       energy: PowerFormatter.format(parseInt(claim.value), true),
+  //       beneficiary: claim.claimData.beneficiary,
+  //       fromDate: formatDate(claim.claimData.periodStartDate),
+  //       toDate: formatDate(claim.claimData.periodEndDate),
+  //     });
+  //   })
+  // );
+
+  return formattedTrades;
+};
+
+export const useAdminTradesTableLogic: TUseAdminTradesTableLogic = ({
+  isLoading,
+  trades,
+  allDevices,
+}) => {
+  const { t } = useTranslation();
+  return {
+    header: {
+      date: t('admin.trades.date'),
+      buyer: t('admin.trades.buyer'),
+      seller: t('admin.trades.seller'),
+      energy: 'Energy',
+      deviceName: t('admin.trades.device'),
+      volume: t('admin.trades.quantity'),
+      price: t('admin.trades.price'),
+      total: t('admin.trades.total'),
+    },
+    pageSize: 10,
+    loading: isLoading,
+    data: formatTrades({ trades, allDevices }),
+  };
+};

packages/ui/libs/user/logic/src/menu/getAdminMenu.ts

@@ -7,6 +7,7 @@ export type TGetAdminMenuArgs = {
   showSection: boolean;
   showUsers: boolean;
   showClaims: boolean;
+  showTrades: boolean;
   menuButtonClass?: string;
   selectedMenuItemClass?: string;
 };
@@ -19,6 +20,7 @@ export const getAdminMenu: TUseAdminMenuFn = ({
   showSection,
   showUsers,
   showClaims,
+  showTrades,
   menuButtonClass,
   selectedMenuItemClass,
 }) => {
@@ -38,6 +40,11 @@ export const getAdminMenu: TUseAdminMenuFn = ({
         label: t('navigation.admin.claims'),
         show: showClaims,
       },
+      {
+        url: 'trades',
+        label: t('navigation.admin.trades'),
+        show: showTrades,
+      },
     ],
     menuButtonClass,
     selectedMenuItemClass,

packages/ui/libs/user/view/src/AdminApp.tsx

@@ -2,24 +2,26 @@ import { PageNotFound } from '@energyweb/origin-ui-core';
 import React, { FC } from 'react';
 
 import { Route, Routes } from 'react-router';
-import { AdminUsersPage, AdminUpdateUserPage, AdminClaimsPage } from './pages';
+import { AdminUsersPage, AdminUpdateUserPage, AdminClaimsPage, AdminTradesPage } from './pages';
 
 interface AdminAppProps {
   routesConfig: {
     showClaims: boolean;
     showUsers: boolean;
+    showTrades: boolean;
   };
 }
 
 export const AdminApp: FC<AdminAppProps> = ({ routesConfig }) => {
-  const { showClaims, showUsers } = routesConfig;
+  const { showClaims, showUsers, showTrades } = routesConfig;
   return (
     <Routes>
       {showUsers && <Route path="users" element={<AdminUsersPage />} />}
       {showUsers && (
         <Route path="update-user/:id" element={<AdminUpdateUserPage />} />
       )}
       {showClaims && <Route path="claims" element={<AdminClaimsPage />} />}
+      {showTrades && <Route path="trades" element={<AdminTradesPage />} />}
       <Route path="*" element={<PageNotFound />} />
     </Routes>
   );

packages/ui/libs/user/view/src/pages/AdminTradesPage/AdminTradesPage.effects.ts

@@ -0,0 +1,17 @@
+import { useFetchAllDevices, useApiAdminTrades } from '@energyweb/origin-ui-user-data';
+import { useAdminTradesTableLogic } from '@energyweb/origin-ui-user-logic';
+
+export const useAdminTradesPageEffects = () => {
+  const { adminTrades, isLoading: areTradesLoading } = useApiAdminTrades();
+  const { allDevices, isLoading: areDeviceLoading } = useFetchAllDevices();
+
+  const isLoading = areDeviceLoading || areTradesLoading;
+
+  const tableProps = useAdminTradesTableLogic({
+    trades: adminTrades,
+    allDevices,
+    isLoading,
+  });
+
+  return tableProps;
+};

packages/ui/libs/user/view/src/pages/AdminTradesPage/AdminTradesPage.tsx

@@ -0,0 +1,9 @@
+import { TableComponent } from '@energyweb/origin-ui-core';
+import React from 'react';
+import { useAdminTradesPageEffects } from './AdminTradesPage.effects';
+
+export const AdminTradesPage = () => {
+  const tableProps = useAdminTradesPageEffects();
+
+  return <TableComponent {...tableProps} />;
+};

packages/ui/libs/user/view/src/pages/AdminTradesPage/index.ts

@@ -0,0 +1 @@
+export * from './AdminTradesPage';

packages/ui/libs/user/view/src/pages/index.ts

@@ -1,6 +1,7 @@
 export * from './AdminUsersPage';
 export * from './AdminUpdateUserPage';
 export * from './AdminClaimsPage';
+export * from './AdminTradesPage';
 
 export * from './LoginPage';
 export * from './RegisterPage';