feat: add project profitability summary.

src/containers/FinancialStatements/ProjectProfitabilitySummary/components.tsx

@@ -0,0 +1,55 @@
+import React, { useMemo } from 'react';
+import { Button } from '@blueprintjs/core';
+
+import FinancialLoadingBar from '../FinancialLoadingBar';
+
+import { dynamicColumns } from './dynamicColumns';
+import { FinancialComputeAlert } from '../FinancialReportPage';
+import { FormattedMessage as T, Icon, If } from '@/components';
+import { useProjectProfitabilitySummaryContext } from './ProjectProfitabilitySummaryProvider';
+
+/**
+ * Project profitability summary alerts.
+ */
+export function ProjectProfitabilitySummaryAlerts() {
+  // Handle refetch the report sheet.
+  const handleRecalcReport = () => {};
+
+  // Can't display any error if the report is loading.
+  // if (isLoading) return null;
+
+  return (
+    <If condition={false}>
+      <FinancialComputeAlert>
+        <Icon icon="info-block" iconSize={12} />
+        <T id={'just_a_moment_we_re_calculating_your_cost_transactions'} />
+      </FinancialComputeAlert>
+    </If>
+  );
+}
+
+/**
+ * Project profitability summary loading bar.
+ */
+export function ProjectProfitabilitySummaryLoadingBar() {
+  return (
+    <If condition={false}>
+      <FinancialLoadingBar />
+    </If>
+  );
+}
+
+/**
+ * Retrieve Project profitability summary columns.
+ */
+export function useProjectProfitabilitySummaryColumns() {
+  // Balance sheet context.
+  const {
+    projectProfitabilitySummary: { columns, tableRows },
+  } = useProjectProfitabilitySummaryContext();
+
+  return useMemo(
+    () => dynamicColumns(columns, tableRows),
+    [tableRows, columns],
+  );
+}