From 966b66a32ddf61520d99ddd010f02dd7e116edff Mon Sep 17 00:00:00 2001
From: Torresmorah <torresmorah@gmail.com>
Date: Fri, 20 Jan 2023 15:15:39 -0600
Subject: [PATCH] feat(webapp): show when non-compliant BP provides an invalid
 url

---
 .../src/components/NonCompliantCard/index.js  | 20 +++++++++++--------
 webapp/src/language/en.json                   |  3 ++-
 webapp/src/language/es.json                   |  3 ++-
 3 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/webapp/src/components/NonCompliantCard/index.js b/webapp/src/components/NonCompliantCard/index.js
index a18126ee..2a5d17ec 100644
--- a/webapp/src/components/NonCompliantCard/index.js
+++ b/webapp/src/components/NonCompliantCard/index.js
@@ -32,19 +32,23 @@ const NonCompliantCard = ({ producer, stats }) => {
   return (
     <>
       <div className={`${classes.content} ${classes.account}`}>
-        <Typography variant="h3" component="span">{producer.owner}</Typography>
+        <Typography variant="h3" component="span">
+          {producer.owner}
+        </Typography>
         <Typography variant="body1">{t('noInfo')}</Typography>
       </div>
       <div className={`${classes.content} ${classes.borderLine}`}>
         <Typography variant="overline">{t('info')}</Typography>
-        {isUrlValid(producer.url) && (
-          <div className={classes.flex}>
-            <Typography variant="body1" className={classes.bold}>
-              {t('website')}:
-            </Typography>
+        <div className={classes.flex}>
+          <Typography variant="body1" className={classes.bold}>
+            {t('website')}:
+          </Typography>
+          {isUrlValid(producer.url) ? (
             <VisitSite title={t('openLink')} url={producer.url} />
-          </div>
-        )}
+          ) : (
+            <Typography variant="body1">{t('invalidUrl')}</Typography>
+          )}
+        </div>
         <RowInfo
           title={`${t('votes')}`}
           value={`${formatWithThousandSeparator(producer.total_votes_eos, 0)}`}
diff --git a/webapp/src/language/en.json b/webapp/src/language/en.json
index 9f8197c9..e1f653d1 100644
--- a/webapp/src/language/en.json
+++ b/webapp/src/language/en.json
@@ -261,7 +261,8 @@
     "ratings": "ratings",
     "lastClaimTime": "Last Claimed Time",
     "noInfo": "No info provided",
-    "dailyRewards": "Daily Rewards"
+    "dailyRewards": "Daily Rewards",
+    "invalidUrl": "Invalid URL"
   },
   "nodeCardComponent": {
     "features": "Features",
diff --git a/webapp/src/language/es.json b/webapp/src/language/es.json
index 7fec857a..ad2ba477 100644
--- a/webapp/src/language/es.json
+++ b/webapp/src/language/es.json
@@ -268,7 +268,8 @@
     "ratings": "calificaciones",
     "lastClaimTime": "Último reclamo",
     "noInfo": "No provee información",
-    "dailyRewards": "Recompensas diarias"
+    "dailyRewards": "Recompensas diarias",
+    "invalidUrl": "URL inválida"
   },
   "nodeCardComponent": {
     "features": "Características",