From 8efe3ecbc047242f91357a064ab4502aa4e1cebb Mon Sep 17 00:00:00 2001
From: Jan <me@janderedev.xyz>
Date: Tue, 24 May 2022 13:53:06 +0200
Subject: [PATCH] feat: add warning on self-hosted instances (#645)

* feat: add warning on self-hosted instances

* update text
---
 src/pages/login/forms/Form.tsx | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/src/pages/login/forms/Form.tsx b/src/pages/login/forms/Form.tsx
index 3327b43d..3f7e32e8 100644
--- a/src/pages/login/forms/Form.tsx
+++ b/src/pages/login/forms/Form.tsx
@@ -15,6 +15,7 @@ import { takeError } from "../../../context/revoltjs/util";
 import Overline from "../../../components/ui/Overline";
 import Preloader from "../../../components/ui/Preloader";
 import WaveSVG from "../../settings/assets/wave.svg";
+import { Tip } from "@revoltchat/ui";
 
 import FormField from "../FormField";
 import { CaptchaBlock, CaptchaProps } from "./CaptchaBlock";
@@ -249,6 +250,24 @@ export const Form = observer(({ page, callback }: Props) => {
                             <Text id="login.reset" />
                         </Link>
                     </span>
+                    {import.meta.env.VITE_API_URL &&
+                        import.meta.env.VITE_API_URL !=
+                            "https://api.revolt.chat" && (
+                            <>
+                                <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">
+                                            <Text id="general.learn_more" />
+                                        </a>
+                                    </span>
+                                </Tip>
+                            </>
+                        )}
                 </>
             )}
             {(page === "reset" ||