stripped legacy login and oidc from onboarding

Author: Lethalchip

src/Pages/Login/Components/ConnectionContainer.tsx

@@ -9,10 +9,9 @@ import HintBubble from "../../../Components/General/HintBubble";
 interface IProp {
   setInstanceSettings: Function;
   setNickname: Function;
-  setLegacyLogin: Function;
 }
 
-export const ConnectionContainer = ({ setInstanceSettings, setNickname, setLegacyLogin }: IProp) => {
+export const ConnectionContainer = ({ setInstanceSettings, setNickname }: IProp) => {
   const isOverlay: Boolean = window.location.href.includes("/overlay");
   const [quickSwapModules, setQuickSwapModules] = useState<QuickSwapType[]>([]);
   const [quickSwapSelected, setQuickSwapSelected] = useState<QuickSwapType | null>(null);

src/Pages/Login/Components/ModuleOnboarding.tsx

@@ -9,7 +9,6 @@ import { QuickSwapType } from "../../../Types/General/QuickSwapType";
 import { useNavigate } from "react-router-dom";
 
 interface IProps {
-  legacyLogin: boolean;
   connectionConfig: ConnectionConfigType;
   spacetime: any;
 }
@@ -22,7 +21,7 @@ const steps = [
   { label: "Finish", description: "" },
 ];
 
-export const ModuleOnboarding = ({ legacyLogin, connectionConfig, spacetime }: IProps) => {
+export const ModuleOnboarding = ({ connectionConfig, spacetime }: IProps) => {
   const debug: boolean = false;
 
   const navigate = useNavigate();
@@ -45,6 +44,7 @@ export const ModuleOnboarding = ({ legacyLogin, connectionConfig, spacetime }: I
 
   const [backupFile, setBackupFile] = useState<any>(null);
   const [fileError, setFileError] = useState<boolean>(false);
+  const [copyAuthButtonText, setCopyAuthButtonText] = useState<string>("Copy Owner Token");
   const [backupRowCount, setBackupRowCount] = useState<any>(null);
   const [showUploadingText, setShowUploadingText] = useState<boolean>(false);
 
@@ -406,34 +406,31 @@ export const ModuleOnboarding = ({ legacyLogin, connectionConfig, spacetime }: I
                 configuration from the settings.
               </p>
 
-              {/* NEED TO FIGURE OUT HOW TO HANDLE LEGACY/ANONYMOUS SPACETIMEAUTH LOGINS */}
-              {/* {legacyLogin && (
-                <div className="mt-8">
-                  <p>
-                    Since you're using legacy login, it is <b>your responsibility</b> to keep your authentication token
-                    safe. Use this button to copy your token to clipboard and save it somewhere on your computer!
-                  </p>
-                  <StyledButton
-                    onClick={() => {
-                      navigator.clipboard.writeText(localStorage.getItem("stdbToken")!);
-
-                      setAuthButtonText("Copied!");
-
-                      setTimeout(() => {
-                        setAuthButtonText("Copy Auth Token");
-                      }, 1000);
-                    }}
-                    className="ml-0! mt-2"
-                  >
-                    {copyAuthButtonText}
-                  </StyledButton>
-                </div>
-              )} */}
+              <div className="mt-8">
+                <p>
+                  It is <b><u>your responsibility</u></b> to keep your owner authentication token
+                  safe. Copy your backup token by clicking the button below and save it somewhere safe!
+                </p>
+                <StyledButton
+                  onClick={() => {
+                    navigator.clipboard.writeText(localStorage.getItem("stdbToken")!);
+
+                    setCopyAuthButtonText("Copied!");
+
+                    setTimeout(() => {
+                      setCopyAuthButtonText("Copy Owner Token");
+                    }, 1000);
+                  }}
+                  className="ml-0! mt-2"
+                >
+                  {copyAuthButtonText}
+                </StyledButton>
+              </div>
 
               <div className="mt-8">
                 <p>
                   To start using Pogly on your stream, you need to create a new browser source in your OBS/StreamLabs
-                  and paste the Pogly overlay URL into it{" "}
+                  and paste the Pogly overlay URL into it.
                   <a
                     href="https://github.com/PoglyApp/pogly-documentation/blob/main/use/firstTimeSetup.md#obs--streamlabs-browser-source"
                     target="_blank"
@@ -460,7 +457,7 @@ export const ModuleOnboarding = ({ legacyLogin, connectionConfig, spacetime }: I
                 </StyledButton>
               </div>
 
-              <div className="grid mt-6">
+              {/* <div className="grid mt-6">
                 <h3 className="flex text-xl font-semibold mb-2 text-[#e9eeff]">Load backup</h3>
                 <span>
                   If you have a backup file, you can select it here. It will then be loaded once you finish onboarding.
@@ -477,7 +474,7 @@ export const ModuleOnboarding = ({ legacyLogin, connectionConfig, spacetime }: I
                   {fileError && <X color="red" className="grid self-center" />}
                   {!fileError && backupFile && <Check color="green" className="grid self-center" />}
                 </div>
-              </div>
+              </div> */}
             </div>
 
             <div className="absolute bottom-0 w-full flex justify-between">

src/Pages/Login/Login.tsx

@@ -31,7 +31,6 @@ export const Login = () => {
   const stdbAuthenticatedRef = useRef<boolean>(false);
   const [instanceConfigured, setInstanceConfigured] = useState<boolean>(false);
   const [nickname, setNickname] = useState<string>(localStorage.getItem("nickname") || "");
-  const [legacyLogin, setLegacyLogin] = useState<boolean>(false);
 
   const spacetime = useStDB(connectionConfig, setStdbConnected, setInstanceConfigured, setStdbAuthenticated);
 
@@ -124,7 +123,6 @@ export const Login = () => {
       <ConnectionContainer
         setInstanceSettings={setConnectionConfig}
         setNickname={setNickname}
-        setLegacyLogin={setLegacyLogin}
       />
     );
   }
@@ -294,7 +292,7 @@ export const Login = () => {
   // Step 8) Has the Pogly Instance been configured?
   if (!instanceConfigured) {
     DebugLogger("Pogly Instance is not configured");
-    return <ModuleOnboarding legacyLogin={legacyLogin} connectionConfig={connectionConfig} spacetime={spacetime} />;
+    return <ModuleOnboarding connectionConfig={connectionConfig} spacetime={spacetime} />;
   }
 
   navigate("/canvas", { replace: true });