From 8498554f235bed19358216ac16ef7afbdf6006dc Mon Sep 17 00:00:00 2001
From: infinite-persistence <inf.persistence@gmail.com>
Date: Thu, 14 Oct 2021 22:28:43 +0800
Subject: [PATCH] Improve aesthetics for deleted channel names.

## Issue
- Comments: no spacing between the strings.
- "Unused" is not intuitive.

## Changes
- Use "[Removed]" instead.
- Localization.
---
 static/app-strings.json            | 2 ++
 ui/component/uriIndicator/view.jsx | 6 +++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/static/app-strings.json b/static/app-strings.json
index afda88692..af0c31d40 100644
--- a/static/app-strings.json
+++ b/static/app-strings.json
@@ -2179,6 +2179,8 @@
   "Card Last 4": "Card Last 4",
   "Search blocked channel name": "Search blocked channel name",
   "Discuss": "Discuss",
+  "Validating...": "Validating...",
+  "[Removed]": "[Removed]",
   "lbry.tv has been retired. You have been magically transported to Odysee.com. %more%": "lbry.tv has been retired. You have been magically transported to Odysee.com. %more%",
   "Show more livestreams": "Show more livestreams",
   "Creator": "Creator",
diff --git a/ui/component/uriIndicator/view.jsx b/ui/component/uriIndicator/view.jsx
index 7987e9daf..601fddfe3 100644
--- a/ui/component/uriIndicator/view.jsx
+++ b/ui/component/uriIndicator/view.jsx
@@ -53,7 +53,11 @@ class UriIndicator extends React.PureComponent<Props> {
     } = this.props;
 
     if (!claim) {
-      return <span className="empty">{isResolvingUri ? 'Validating...' : 'Unused'}</span>;
+      return (
+        <span className={classnames('empty', className)}>
+          {isResolvingUri || claim === undefined ? __('Validating...') : __('[Removed]')}
+        </span>
+      );
     }
 
     const isChannelClaim = claim.value_type === 'channel';