fix(frontend): fix build & format errors (#1313)

Author: bayulaksana479

apps/api/src/sql/queries/accounts/stats/near.sql

@@ -1,8 +1,8 @@
 SELECT
   TO_CHAR(TO_TIMESTAMP(date / 1e9), 'YYYY-MM-DD') AS date,
   account,
-  amount_out,
-  amount_in
+  COALESCE(amount_out, 0)::TEXT AS amount_out,
+  COALESCE(amount_in, 0)::TEXT AS amount_in
 FROM
   account_near_stats
 WHERE

apps/frontend/Dockerfile

@@ -5,7 +5,7 @@ RUN apk add --no-cache libc6-compat
 WORKDIR /app
 
 FROM base AS prepare
-RUN yarn global add turbo@1
+RUN yarn global add turbo
 COPY . .
 RUN turbo prune frontend --docker
 

apps/frontend/src/app/[lang]/address/[address]/assets/page.tsx

@@ -46,7 +46,7 @@ const tooltipFormatter = function (this: Highcharts.Point) {
     const value =
       point.series.options.id === 'storage'
         ? bytesFormat(point.y)
-        : numberFormat(point.y, { maximumFractionDigits: 2 }) + nearIcon;
+        : nearIcon + ' ' + numberFormat(point.y, { maximumFractionDigits: 2 });
 
     return `<span class="flex items-center gap-x-1"><span style="color:var(--highcharts-color-${index})">\u25CF</span> ${point.series.name}: <span class="font-bold align-middle">${value}</span></span>`;
   });

apps/frontend/src/components/address/analytics/balance.tsx

@@ -9,7 +9,8 @@ import { use, useMemo } from 'react';
 import { AccountNearStats } from 'nb-schemas';
 
 import { SkeletonSlot } from '@/components/skeleton';
-import { dateFormat, numberFormat } from '@/lib/format';
+import { dateFormat, numberFormat, toNear } from '@/lib/format';
+import { nearIcon } from '@/lib/utils';
 import { Skeleton } from '@/ui/skeleton';
 
 import { AnalyticsChart } from './chart';
@@ -38,9 +39,9 @@ const tooltipFormatter = function (this: Highcharts.Point) {
   const rows = (this.points as Array<Highcharts.Point>)?.map((point, index) => {
     return `<span class="flex items-center gap-x-1"><span style="color:var(--highcharts-color-${index})">\u25CF</span> ${
       point.series.name
-    }: <span class="font-bold align-middle">${numberFormat(
-      point.y,
-    )}</span></span>`;
+    }: <span class="font-bold align-middle">${
+      nearIcon + ' ' + numberFormat(point.y)
+    }</span></span>`;
   });
 
   return header + (rows?.join('') ?? '');
@@ -57,8 +58,8 @@ export const NearChart = ({ loading, nearPromise }: Props) => {
     for (const item of reversed) {
       const timestamp = new Date(item.date).getTime();
 
-      amountIn.push([timestamp, +item.amount_in]);
-      amountOut.push([timestamp, +item.amount_out]);
+      amountIn.push([timestamp, +toNear(item.amount_in)]);
+      amountOut.push([timestamp, +toNear(item.amount_out)]);
     }
 
     return { amountIn, amountOut };