From ccd04e3feb663cbb50894b75c6835b6f11b6c144 Mon Sep 17 00:00:00 2001
From: Jaco <jacogr@gmail.com>
Date: Mon, 5 Dec 2022 13:25:34 +0200
Subject: [PATCH] Less x-mass tree pool display (#8481)

---
 packages/page-staking/src/Pools/usePoolInfo.ts | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/packages/page-staking/src/Pools/usePoolInfo.ts b/packages/page-staking/src/Pools/usePoolInfo.ts
index f548043e2d..65028be4c3 100644
--- a/packages/page-staking/src/Pools/usePoolInfo.ts
+++ b/packages/page-staking/src/Pools/usePoolInfo.ts
@@ -20,9 +20,11 @@ const OPT_MULTI = {
       ? {
         bonded: optBonded.unwrap(),
         metadata: metadata.length
-          ? metadata.isUtf8
-            ? metadata.toUtf8()
-            : metadata.toString()
+          ? transformName(
+            metadata.isUtf8
+              ? metadata.toUtf8()
+              : metadata.toString()
+          )
           : null,
         nominating: optNominating
           .unwrapOr({ targets: [] })
@@ -33,6 +35,14 @@ const OPT_MULTI = {
       : null
 };
 
+function transformName (input: string): string {
+  const mid = input.replace(/[^\x20-\x7E]/g, '');
+
+  return (mid.length > 64)
+    ? `${mid.substring(0, 64)}…`
+    : mid;
+}
+
 function usePoolInfoImpl (poolId: BN): PoolInfo | null | undefined {
   const { api } = useApi();
   const accounts = usePoolAccounts(poolId);