From 271d44d92dbd6ae14103752c0671806b90639959 Mon Sep 17 00:00:00 2001
From: Alejandro Gomez <alejandro@strike.me>
Date: Sun, 12 Feb 2023 13:44:37 +0100
Subject: [PATCH] relays and zaps tweaks

---
 packages/app/src/Element/RelaysMetadata.tsx | 9 +++------
 packages/app/src/Element/Zap.css            | 4 ----
 packages/app/src/Pages/ProfilePage.css      | 8 ++++++++
 packages/app/src/Pages/ProfilePage.tsx      | 4 ++--
 4 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/packages/app/src/Element/RelaysMetadata.tsx b/packages/app/src/Element/RelaysMetadata.tsx
index 47a16ab..91b5981 100644
--- a/packages/app/src/Element/RelaysMetadata.tsx
+++ b/packages/app/src/Element/RelaysMetadata.tsx
@@ -8,13 +8,10 @@ import Write from "Icons/Write";
 
 const RelayFavicon = ({ url }: { url: string }) => {
   const cleanUrl = url
-    .replace("wss://relay.", "https://")
-    .replace("wss://nostr.", "https://")
-    .replace("wss://", "https://")
-    .replace("ws://", "http://")
+    .replace(/^wss:\/\//, "https://")
+    .replace(/^ws:\/\//, "http://")
     .replace(/\/$/, "");
   const [faviconUrl, setFaviconUrl] = useState(`${cleanUrl}/favicon.ico`);
-
   return <img className="favicon" src={faviconUrl} onError={() => setFaviconUrl(Nostrich)} />;
 };
 
@@ -29,7 +26,7 @@ const RelaysMetadata = ({ relays }: RelaysMetadataProps) => {
         return (
           <div className="card relay-card">
             <RelayFavicon url={url} />
-            <code className="relay-url">{url}</code>
+            <code className="relay-url f-ellipsis">{url}</code>
             <div className="relay-settings">
               <Read className={settings.read ? "enabled" : "disabled"} />
               <Write className={settings.write ? "enabled" : "disabled"} />
diff --git a/packages/app/src/Element/Zap.css b/packages/app/src/Element/Zap.css
index 349fd9b..d60d0ff 100644
--- a/packages/app/src/Element/Zap.css
+++ b/packages/app/src/Element/Zap.css
@@ -7,10 +7,6 @@
   flex-direction: row;
 }
 
-.zap .header .pfp {
-  overflow: hidden;
-}
-
 .zap .header .amount {
   font-size: 24px;
 }
diff --git a/packages/app/src/Pages/ProfilePage.css b/packages/app/src/Pages/ProfilePage.css
index 43cb4db..792b037 100644
--- a/packages/app/src/Pages/ProfilePage.css
+++ b/packages/app/src/Pages/ProfilePage.css
@@ -252,3 +252,11 @@
     display: unset;
   }
 }
+
+.zaps-total {
+  text-align: right;
+  padding-right: 12px;
+  margin-bottom: 8px;
+  font-weight: 500;
+  font-size: 24px;
+}
diff --git a/packages/app/src/Pages/ProfilePage.tsx b/packages/app/src/Pages/ProfilePage.tsx
index d493179..1a16312 100644
--- a/packages/app/src/Pages/ProfilePage.tsx
+++ b/packages/app/src/Pages/ProfilePage.tsx
@@ -204,9 +204,9 @@ export default function ProfilePage() {
       case ZAPS: {
         return (
           <div className="main-content">
-            <h4 className="zaps-total">
+            <div className="zaps-total">
               <FormattedMessage {...messages.Sats} values={{ n: formatShort(zapsTotal) }} />
-            </h4>
+            </div>
             {zaps.map(z => (
               <ZapElement showZapped={false} zap={z} />
             ))}