From ec8fb1e9d7d1b515946f3cc406659251902e3969 Mon Sep 17 00:00:00 2001
From: Shantanu <shantanu@sfcompute.com>
Date: Wed, 16 Apr 2025 11:21:53 -0700
Subject: [PATCH] fix(cluster): output of cluster ls now shows the correct
 contract id

We were using a Badge to show the contract id.

Badges turns their text to upper case.

This is a problem as our contract ids are base62 encoded - where the
distinction between lower case and upper case matters.
---
 src/lib/clusters/clusters.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/lib/clusters/clusters.tsx b/src/lib/clusters/clusters.tsx
index 606a0e94..c269f987 100644
--- a/src/lib/clusters/clusters.tsx
+++ b/src/lib/clusters/clusters.tsx
@@ -1,5 +1,4 @@
 import type { Command } from "@commander-js/extra-typings";
-import { Badge } from "@inkjs/ui";
 import { Box, render, Text, useApp } from "ink";
 import Spinner from "ink-spinner";
 import * as console from "node:console";
@@ -149,7 +148,11 @@ const ClusterRowWithContracts = ({
   return (
     <Box flexDirection="column" gap={1}>
       <Box>
-        <Badge color="cyan">{cluster.contract.id}</Badge>
+        <Text color="black" backgroundColor="cyan">
+          {" "}
+          {cluster.contract.id}
+          {" "}
+        </Text>
       </Box>
 
       <Box flexDirection="column">