From 9faf730e829e83a9bda99074b6fd17dd3f08d827 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Tue, 10 Jan 2023 21:49:23 +0800
Subject: [PATCH] Handle accept/reject follow requests for locked accounts

---
 src/pages/notifications.jsx | 106 +++++++++++++++++++++++++++---------
 1 file changed, 81 insertions(+), 25 deletions(-)

diff --git a/src/pages/notifications.jsx b/src/pages/notifications.jsx
index d99bdde0..738f6971 100644
--- a/src/pages/notifications.jsx
+++ b/src/pages/notifications.jsx
@@ -85,32 +85,42 @@ function Notification({ notification }) {
       </div>
       <div class="notification-content">
         {type !== 'mention' && (
-          <p>
-            {!/poll|update/i.test(type) && (
-              <>
-                {_accounts?.length > 1 ? (
-                  <>
-                    <b>{_accounts.length} people</b>{' '}
-                  </>
-                ) : (
-                  <>
-                    <NameText account={account} showAvatar />{' '}
-                  </>
-                )}
-              </>
+          <>
+            <p>
+              {!/poll|update/i.test(type) && (
+                <>
+                  {_accounts?.length > 1 ? (
+                    <>
+                      <b>{_accounts.length} people</b>{' '}
+                    </>
+                  ) : (
+                    <>
+                      <NameText account={account} showAvatar />{' '}
+                    </>
+                  )}
+                </>
+              )}
+              {text}
+              {type === 'mention' && (
+                <span class="insignificant">
+                  {' '}
+                  •{' '}
+                  <RelativeTime
+                    datetime={notification.createdAt}
+                    format="micro"
+                  />
+                </span>
+              )}
+            </p>
+            {type === 'follow_request' && (
+              <FollowRequestButtons
+                accountID={account.id}
+                onChange={() => {
+                  loadNotifications(true);
+                }}
+              />
             )}
-            {text}
-            {type === 'mention' && (
-              <span class="insignificant">
-                {' '}
-                •{' '}
-                <RelativeTime
-                  datetime={notification.createdAt}
-                  format="micro"
-                />
-              </span>
-            )}
-          </p>
+          </>
         )}
         {_accounts?.length > 1 && (
           <p class="avatars-stack">
@@ -414,4 +424,50 @@ function Notifications() {
   );
 }
 
+function FollowRequestButtons({ accountID, onChange }) {
+  const [uiState, setUIState] = useState('default');
+  return (
+    <p>
+      <button
+        type="button"
+        disabled={uiState === 'loading'}
+        onClick={() => {
+          setUIState('loading');
+          (async () => {
+            try {
+              await masto.v1.followRequests.authorize(accountID);
+              onChange();
+            } catch (e) {
+              console.error(e);
+              setUIState('default');
+            }
+          })();
+        }}
+      >
+        Accept
+      </button>{' '}
+      <button
+        type="button"
+        disabled={uiState === 'loading'}
+        class="light danger"
+        onClick={() => {
+          setUIState('loading');
+          (async () => {
+            try {
+              await masto.v1.followRequests.reject(accountID);
+              onChange();
+            } catch (e) {
+              console.error(e);
+              setUIState('default');
+            }
+          })();
+        }}
+      >
+        Reject
+      </button>
+      <Loader hidden={uiState !== 'loading'} />
+    </p>
+  );
+}
+
 export default memo(Notifications);