From 67772c099a5f5c5d8ee5aa4a88d0fa9b1dfb458b Mon Sep 17 00:00:00 2001
From: Alejandro Gomez <alejandro@strike.me>
Date: Thu, 26 Jan 2023 07:51:38 +0100
Subject: [PATCH] profile fixes

---
 src/Element/FollowListBase.tsx |  2 +-
 src/Element/NoteCreator.css    |  3 +++
 src/Pages/ProfilePage.css      | 26 ++++++++++++++++++--------
 src/Pages/ProfilePage.tsx      | 15 +++++++++------
 src/index.css                  |  3 +++
 5 files changed, 34 insertions(+), 15 deletions(-)

diff --git a/src/Element/FollowListBase.tsx b/src/Element/FollowListBase.tsx
index c8692f369..e65d4ec48 100644
--- a/src/Element/FollowListBase.tsx
+++ b/src/Element/FollowListBase.tsx
@@ -17,7 +17,7 @@ export default function FollowListBase({ pubkeys, title }: FollowListBaseProps)
     return (
         <div className="main-content">
             <div className="flex mt10">
-                <div className="f-grow">{title}</div>
+                <div className="f-grow bold">{title}</div>
                 <button type="button" onClick={() => followAll()}>Follow All</button>
             </div>
             {pubkeys?.map(a => <ProfilePreview pubkey={a} key={a} />)}
diff --git a/src/Element/NoteCreator.css b/src/Element/NoteCreator.css
index 2a4ad48a4..b3f675f0d 100644
--- a/src/Element/NoteCreator.css
+++ b/src/Element/NoteCreator.css
@@ -60,6 +60,9 @@
   position: fixed;
   bottom: 50px;
   right: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 @media (min-width: 520px) {
diff --git a/src/Pages/ProfilePage.css b/src/Pages/ProfilePage.css
index a97143c35..bd3b73b7c 100644
--- a/src/Pages/ProfilePage.css
+++ b/src/Pages/ProfilePage.css
@@ -29,12 +29,16 @@
 }
 
 .profile .name h2 {
-    margin: 0;
+  margin: 12px 0 0 0;
+  font-weight: 600;
+  font-size: 19px;
+  line-height: 23px;
 }
 
 .profile .nip05 {
   display: flex;
-  margin: 4px 0 12px 0;
+  font-size: 16px;
+  margin: 0 0 12px 0;
 }
 
 .profile .nip05 .nick {
@@ -42,6 +46,10 @@
   color: var(--gray-light);
 }
 
+.profile .name .copy {
+  margin-bottom: 4px;
+}
+
 .profile .avatar-wrapper {
   z-index: 1;
 }
@@ -61,8 +69,9 @@
     margin-top: 12px;
     background-color: var(--note-bg);
     padding: 12px 16px;
-    margin: 0 auto;
     border-radius: 16px;
+    margin: 0 auto;
+    margin-bottom: 12px;
 }
 
 .profile .details p {
@@ -90,6 +99,10 @@
     width: calc(100% - 32px);
 }
 
+.profile .details .text {
+  font-size: 14px;
+}
+
 .tabs > div {
   margin-right: 0;
 }
@@ -97,6 +110,7 @@
 .profile .links {
   margin-top: 4px;
   margin-left: 2px;
+  margin-bottom: 12px;
 }
 
 .profile h3 {
@@ -106,7 +120,7 @@
   font-weight: 600;
   line-height: 12px;
   text-transform: uppercase;
-  margin-left: 16px;
+  margin-left: 12px;
 }
 
 .profile .website {
@@ -180,9 +194,5 @@
     height: 300px;
     margin-bottom: -100px;
   }
-  .profile .avatar-wrapper .avatar {
-    width: 210px;
-    height: 210px;
-  }
 }
 
diff --git a/src/Pages/ProfilePage.tsx b/src/Pages/ProfilePage.tsx
index c84ddd61c..8a04440f9 100644
--- a/src/Pages/ProfilePage.tsx
+++ b/src/Pages/ProfilePage.tsx
@@ -34,6 +34,7 @@ export default function ProfilePage() {
     const navigate = useNavigate();
     const id = useMemo(() => parseId(params.id!), [params]);
     const user = useProfile(id)?.get(id);
+    const loggedOut = useSelector<RootState, boolean | undefined>(s => s.login.loggedOut);
     const loginPubKey = useSelector<RootState, HexKey | undefined>(s => s.login.publicKey);
     const follows = useSelector<RootState, HexKey[]>(s => s.login.follows);
     const isMe = loginPubKey === id;
@@ -139,12 +140,14 @@ export default function ProfilePage() {
                         Settings
                       </button>
                   ) : (
-                    <>
-                      <button type="button" onClick={() => navigate(`/messages/${hexToBech32("npub", id)}`)}>
-                         Message
-                      </button>
-                      <FollowButton pubkey={id} />
-                    </>
+                    !loggedOut && (
+                      <>
+                        <button type="button" onClick={() => navigate(`/messages/${hexToBech32("npub", id)}`)}>
+                           Message
+                        </button>
+                        <FollowButton pubkey={id} />
+                      </>
+                    )
                   )}
                 </div>
                 {bio()}
diff --git a/src/index.css b/src/index.css
index 8bbcf73f8..f75d7a746 100644
--- a/src/index.css
+++ b/src/index.css
@@ -461,3 +461,6 @@ body.scroll-lock {
   }
 }
 
+.bold {
+  font-weight: 700;
+}