+
+
+
+
+ {identityXLink && (
+
+
+
+ {children}
+
+ );
+});
+
+RestakeDetailCardRoot.displayName = 'RestakeDetailCardRoot';
+
+type RestakeDetailCardHeaderProps<
+ IconProps,
+ RightElementProps,
+ IconElement extends ElementBase = ElementBase,
+ RightElement extends ElementBase = ElementBase,
+> = ComponentProps<'div'> & {
+ IconElement?: ReactElement
+
+ );
+ },
+);
+
+RestakeDetailCardHeader.displayName = 'RestakeDetailCardHeader';
+
+type RestakeDetailCardBodyProps = ComponentProps<'div'>;
+
+const RestakeDetailCardBody = forwardRef<
+ HTMLDivElement,
+ RestakeDetailCardBodyProps
+>(({ className, children, ...props }, ref) => {
+ return (
+
+ {IconElement}
+
+
+
+ {RightElement}
+
+ {isPrimitive(title) && title !== null && title !== undefined ? (
+
+ {title}
+
+ ) : (
+ title
+ )}
+
+
+
+ {isPrimitive(description) &&
+ description !== null &&
+ description !== undefined ? (
+
+ {description}
+
+ ) : (
+ description
+ )}
+
+ {descExternalLink && (
+
+
+
+ {children}
+
+ );
+});
+
+RestakeDetailCardBody.displayName = 'RestakeDetailCardBody';
+
+type RestakeDetailCardItemProps = ComponentProps<'div'> & {
+ title: string;
+ tooltip?: ReactNode;
+};
+
+const RestakeDetailCardItem = forwardRef<
+ HTMLDivElement,
+ RestakeDetailCardItemProps
+>(({ className, title, tooltip, children, ...props }, ref) => {
+ return (
+
+ {isPrimitive(children) ? (
+
+ {children}
+
+ ) : (
+ children
+ )}
+
+
+ );
+});
+
+RestakeDetailCardItem.displayName = 'RestakeDetailCardItem';
+
+const RestakeDetailCard = Object.assign(
+ {},
+ {
+ Root: RestakeDetailCardRoot,
+ Header: RestakeDetailCardHeader,
+ Body: RestakeDetailCardBody,
+ Item: RestakeDetailCardItem,
+ },
+);
+
+export type {
+ RestakeDetailCardBodyProps,
+ RestakeDetailCardHeaderProps,
+ RestakeDetailCardItemProps,
+ RestakeDetailCardRootProps,
+};
+
+export {
+ RestakeDetailCardBody,
+ RestakeDetailCardHeader,
+ RestakeDetailCardItem,
+ RestakeDetailCardRoot,
+};
+
+export default RestakeDetailCard;
diff --git a/apps/tangle-dapp/components/RestakeDetailCard/utils.ts b/apps/tangle-dapp/components/RestakeDetailCard/utils.ts
new file mode 100644
index 0000000000..bcee727b14
--- /dev/null
+++ b/apps/tangle-dapp/components/RestakeDetailCard/utils.ts
@@ -0,0 +1,13 @@
+import { EMPTY_VALUE_PLACEHOLDER } from '@webb-tools/webb-ui-components/constants';
+
+export function getDisplayValue(val?: string | number): string {
+ if (typeof val === 'string') {
+ return val;
+ }
+
+ if (typeof val === 'number') {
+ return val.toLocaleString('en-US');
+ }
+
+ return EMPTY_VALUE_PLACEHOLDER;
+}
diff --git a/apps/tangle-dapp/utils/liquidStaking/getLsTangleNetwork.ts b/apps/tangle-dapp/utils/liquidStaking/getLsTangleNetwork.ts
index 16990b37b7..cb0490b5c2 100644
--- a/apps/tangle-dapp/utils/liquidStaking/getLsTangleNetwork.ts
+++ b/apps/tangle-dapp/utils/liquidStaking/getLsTangleNetwork.ts
@@ -7,7 +7,7 @@ import {
TANGLE_TESTNET_NATIVE_NETWORK,
} from '@webb-tools/webb-ui-components/constants/networks';
-import { IS_PRODUCTION_ENV } from '../../constants/env';
+import { IS_PRODUCTION_ENV } from '../../constants';
import { LsNetworkId } from '../../constants/liquidStaking/types';
// TODO: Obtain the Tangle network directly from the adapter's `tangleNetwork` property instead of using this helper method.
From b15228d062317f109a92d08cf59189b497cf4867 Mon Sep 17 00:00:00 2001
From: yurixander <101931215+yurixander@users.noreply.github.com>
Date: Sun, 1 Dec 2024 19:53:57 +0100
Subject: [PATCH 4/4] ci(tangle-dapp): Fix lint error
---
apps/tangle-dapp/app/nomination/page.tsx | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/apps/tangle-dapp/app/nomination/page.tsx b/apps/tangle-dapp/app/nomination/page.tsx
index d3f50cc0b1..1885bc0eb1 100644
--- a/apps/tangle-dapp/app/nomination/page.tsx
+++ b/apps/tangle-dapp/app/nomination/page.tsx
@@ -4,9 +4,9 @@ import { Metadata } from 'next';
import { OpenGraphPageImageUrl } from '../../constants/openGraph';
import { KeyStatsContainer } from '../../containers';
import HeaderChipsContainer from '../../containers/HeaderChipsContainer';
+import ActiveAndWaitingValidatorTables from '../../containers/nomination/ActiveAndWaitingValidatorTables';
import NominationsPayoutsContainer from '../../containers/nomination/NominationsPayoutsContainer';
import NominatorStatsContainer from '../../containers/nomination/NominatorStatsContainer';
-import ActiveAndWaitingValidatorTables from '../../containers/nomination/ActiveAndWaitingValidatorTables';
import createPageMetadata from '../../utils/createPageMetadata';
export const dynamic = 'force-static';