From 3cf8eaed00a0d0636683d326f0bafdde66f18336 Mon Sep 17 00:00:00 2001
From: Anonymous <anonymous@example.com>
Date: Thu, 29 Aug 2024 14:33:02 +0800
Subject: [PATCH] Update login page

---
 src/pages/login/forms/Form.tsx | 44 ++++++++++++++++------------------
 1 file changed, 20 insertions(+), 24 deletions(-)

diff --git a/src/pages/login/forms/Form.tsx b/src/pages/login/forms/Form.tsx
index 75d806c1..c48d9327 100644
--- a/src/pages/login/forms/Form.tsx
+++ b/src/pages/login/forms/Form.tsx
@@ -157,13 +157,7 @@ export const Form = observer(({ page, callback }: Props) => {
                     />
                 </div>
                 <div className={styles.subtitle}>
-                    <Text
-                        id={
-                            page === "create"
-                                ? "login.subtitle2"
-                                : "login.subtitle"
-                        }
-                    />
+                    <Text id={page === "create" ? "login.subtitle2" : ""} />
                     <div>(app.revolt.chat)</div>
                 </div>
             </div>
@@ -234,6 +228,25 @@ export const Form = observer(({ page, callback }: Props) => {
             )}
             {page === "login" && (
                 <>
+                    {!IS_REVOLT && (
+                        <>
+                            <br />
+                            <Tip palette="primary">
+                                <span>
+                                    <Text id="login.unofficial_instance" /> You{" "}
+                                    <b>cannot</b> use your login from the
+                                    official instance.&ensp;
+                                    <a
+                                        href="https://developers.revolt.chat/faq.html#admonition-what-can-i-do-with-revolt-and-how-do-i-self-host"
+                                        style={{ color: "var(--accent)" }}
+                                        target="_blank"
+                                        rel="noreferrer">
+                                        <Text id="general.learn_more" />
+                                    </a>
+                                </span>
+                            </Tip>
+                        </>
+                    )}
                     <span className={styles.create}>
                         <Text id="login.new" />{" "}
                         <Link to="/login/create">
@@ -252,23 +265,6 @@ export const Form = observer(({ page, callback }: Props) => {
                             <Text id="login.resend" />
                         </Link>
                     </span>
-                    {!IS_REVOLT && (
-                        <>
-                            <br />
-                            <Tip palette="primary">
-                                <span>
-                                    <Text id="login.unofficial_instance" />{" "}
-                                    <a
-                                        href="https://developers.revolt.chat/faq/instances#what-is-a-third-party-instance"
-                                        style={{ color: "var(--accent)" }}
-                                        target="_blank"
-                                        rel="noreferrer">
-                                        <Text id="general.learn_more" />
-                                    </a>
-                                </span>
-                            </Tip>
-                        </>
-                    )}
                 </>
             )}
             {(page === "reset" ||