From 86ed4e042e1e13747f63372b20ddf2567c99f78e Mon Sep 17 00:00:00 2001
From: Kieran <kieran@harkin.me>
Date: Thu, 14 Dec 2023 13:21:30 +0000
Subject: [PATCH] feat: edit profile button

---
 .../app/src/Pages/Profile/ProfilePage.tsx     | 31 +++++++++----------
 1 file changed, 14 insertions(+), 17 deletions(-)

diff --git a/packages/app/src/Pages/Profile/ProfilePage.tsx b/packages/app/src/Pages/Profile/ProfilePage.tsx
index cf8ad6c06..7a8d16db4 100644
--- a/packages/app/src/Pages/Profile/ProfilePage.tsx
+++ b/packages/app/src/Pages/Profile/ProfilePage.tsx
@@ -1,7 +1,7 @@
 import "./ProfilePage.css";
 import { useEffect, useState } from "react";
 import { FormattedMessage } from "react-intl";
-import { useLocation, useNavigate, useParams } from "react-router-dom";
+import { Link, useLocation, useNavigate, useParams } from "react-router-dom";
 import {
   encodeTLVEntries,
   EventKind,
@@ -193,14 +193,14 @@ export default function ProfilePage({ id: propId, state }: ProfilePageProps) {
           targets={
             lnurl?.lnurl && id
               ? [
-                  {
-                    type: "lnurl",
-                    value: lnurl?.lnurl,
-                    weight: 1,
-                    name: user?.display_name || user?.name,
-                    zap: { pubkey: id },
-                  } as ZapTarget,
-                ]
+                {
+                  type: "lnurl",
+                  value: lnurl?.lnurl,
+                  weight: 1,
+                  name: user?.display_name || user?.name,
+                  zap: { pubkey: id },
+                } as ZapTarget,
+              ]
               : undefined
           }
           show={showLnQr}
@@ -300,11 +300,6 @@ export default function ProfilePage({ id: propId, state }: ProfilePageProps) {
         <div className="profile-actions">
           {renderIcons()}
           {!isMe && id && <FollowButton pubkey={id} />}
-          {isMe && id && (
-            <AsyncButton className="secondary">
-              <FormattedMessage defaultMessage="Edit" id="wEQDC6" />
-            </AsyncButton>
-          )}
         </div>
       </div>
     );
@@ -329,9 +324,11 @@ export default function ProfilePage({ id: propId, state }: ProfilePageProps) {
         )}
         {isMe ? (
           <>
-            <button className="md:hidden" type="button" onClick={() => navigate("/settings")}>
-              <FormattedMessage {...messages.Settings} />
-            </button>
+            <Link to="/settings">
+              <button>
+                <FormattedMessage defaultMessage="Edit" id="wEQDC6" />
+              </button>
+            </Link>
           </>
         ) : (
           <>