From 45c872df28b10f6197a381704763084ee6362840 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Fri, 31 Mar 2023 19:21:27 +0800
Subject: [PATCH] Sometimes, a bracket makes a huge difference

---
 src/pages/status.jsx | 103 ++++++++++++++++++++++---------------------
 1 file changed, 52 insertions(+), 51 deletions(-)

diff --git a/src/pages/status.jsx b/src/pages/status.jsx
index be6aa0b8..e6bb5a30 100644
--- a/src/pages/status.jsx
+++ b/src/pages/status.jsx
@@ -653,62 +653,63 @@ function StatusPage() {
                           enableTranslate
                         />
                       </InView>
-                      {uiState !== 'loading' && !authenticated ? (
-                        <div class="post-status-banner">
-                          <p>
-                            You're not logged in. Interactions (reply, boost,
-                            etc) are not possible.
-                          </p>
-                          <Link to="/login" class="button">
-                            Log in
-                          </Link>
-                        </div>
-                      ) : (
-                        !sameInstance && (
+                      {uiState !== 'loading' &&
+                        (!authenticated ? (
                           <div class="post-status-banner">
                             <p>
-                              This post is from another instance (
-                              <b>{instance}</b>). Interactions (reply, boost,
+                              You're not logged in. Interactions (reply, boost,
                               etc) are not possible.
                             </p>
-                            <button
-                              type="button"
-                              disabled={uiState === 'loading'}
-                              onClick={() => {
-                                setUIState('loading');
-                                (async () => {
-                                  try {
-                                    const results =
-                                      await currentMasto.v2.search({
-                                        q: heroStatus.url,
-                                        type: 'statuses',
-                                        resolve: true,
-                                        limit: 1,
-                                      });
-                                    if (results.statuses.length) {
-                                      const status = results.statuses[0];
-                                      navigate(
-                                        currentInstance
-                                          ? `/${currentInstance}/s/${status.id}`
-                                          : `/s/${status.id}`,
-                                      );
-                                    } else {
-                                      throw new Error('No results');
-                                    }
-                                  } catch (e) {
-                                    setUIState('default');
-                                    alert('Error: ' + e);
-                                    console.error(e);
-                                  }
-                                })();
-                              }}
-                            >
-                              <Icon icon="transfer" /> Switch to my instance to
-                              enable interactions
-                            </button>
+                            <Link to="/login" class="button">
+                              Log in
+                            </Link>
                           </div>
-                        )
-                      )}
+                        ) : (
+                          !sameInstance && (
+                            <div class="post-status-banner">
+                              <p>
+                                This post is from another instance (
+                                <b>{instance}</b>). Interactions (reply, boost,
+                                etc) are not possible.
+                              </p>
+                              <button
+                                type="button"
+                                disabled={uiState === 'loading'}
+                                onClick={() => {
+                                  setUIState('loading');
+                                  (async () => {
+                                    try {
+                                      const results =
+                                        await currentMasto.v2.search({
+                                          q: heroStatus.url,
+                                          type: 'statuses',
+                                          resolve: true,
+                                          limit: 1,
+                                        });
+                                      if (results.statuses.length) {
+                                        const status = results.statuses[0];
+                                        navigate(
+                                          currentInstance
+                                            ? `/${currentInstance}/s/${status.id}`
+                                            : `/s/${status.id}`,
+                                        );
+                                      } else {
+                                        throw new Error('No results');
+                                      }
+                                    } catch (e) {
+                                      setUIState('default');
+                                      alert('Error: ' + e);
+                                      console.error(e);
+                                    }
+                                  })();
+                                }}
+                              >
+                                <Icon icon="transfer" /> Switch to my instance
+                                to enable interactions
+                              </button>
+                            </div>
+                          )
+                        ))}
                     </>
                   ) : (
                     <Link