From e5ef40566b7188dcbeb0fc14e65173606f02af73 Mon Sep 17 00:00:00 2001
From: abefernan <44572727+abefernan@users.noreply.github.com>
Date: Thu, 13 Apr 2023 16:10:11 +0200
Subject: [PATCH] Use ellideMiddle instead of abbreviateLongString

---
 components/dataViews/HashView.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/components/dataViews/HashView.tsx b/components/dataViews/HashView.tsx
index 2f17c62..a9417f9 100644
--- a/components/dataViews/HashView.tsx
+++ b/components/dataViews/HashView.tsx
@@ -1,6 +1,4 @@
-import React from "react";
-
-import { abbreviateLongString } from "../../lib/displayHelpers";
+import { ellideMiddle } from "../../lib/displayHelpers";
 import CopyAndPaste from "./CopyAndPaste";
 
 interface Props {
@@ -10,7 +8,7 @@ interface Props {
 
 const HashView = (props: Props) => (
   <div className="hash-view">
-    <div>{props.abbreviate ? abbreviateLongString(props.hash) : props.hash}</div>
+    <div>{props.abbreviate ? ellideMiddle(props.hash, 12) : props.hash}</div>
     <CopyAndPaste copyText={props.hash} />
     <style jsx>{`
       .hash-view {