Merge pull request #78 from SolidLabResearch/master

fix login
SolidLabResearch · Oct 11, 2024 · 8361684 · 8361684
2 parents a8b3d34 + d7d36ae
commit 8361684
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/README.md b/README.md
@@ -6,6 +6,8 @@
 
 Welcome to Solid Watchparty, a platform designed for shared media viewing experiences with a focus on decentralized data management using SOLID Pods. This project leverages the latest web technologies to offer a responsive and user-centric interface.
 
+https://github.com/user-attachments/assets/37a0a704-c90f-4c5d-8329-18ed85c55c7e
+
 Find our live deployment at [solidlabresearch.github.io/solid-watch-party/](https://solidlabresearch.github.io/solid-watch-party/). Information on how to use the platform can be found in our [faq](https://solidlabresearch.github.io/solid-watch-party/auth#faq).
 
 

diff --git a/solid-watchparty/src/pages/LoginPage.jsx b/solid-watchparty/src/pages/LoginPage.jsx
@@ -18,7 +18,7 @@ const authOptions = {
 
 export default function LoginPage()
 {
-    const [oidcIssuer, setOidcIssuer] = useState("");
+    const [oidcIssuer, setOidcIssuer] = useState("https://pod.playground.solidlab.be/");
     const currentLocation = useLocation();
     const redirectLocation = (currentLocation.state?.from || `${config.baseDir}/menu`);
     const [error, setError] = useState("");
@@ -51,7 +51,12 @@ export default function LoginPage()
                                 </p>
                                 <div className={`flex w-full justify-between border sw-input${error === "" ? "" : "-error"}`}>
                                     <input name="oidcIssuerField" className="w-full"
-                                        value={oidcIssuer} placeholder="https://your.pod.provider"
+                                       value={oidcIssuer} placeholder="https://your.pod.provider"
+                                       onKeyUp={(e) => {
+                                           if(e.key === 'Enter'){
+                                               document.getElementById("loginButton").click();
+                                           }
+                                       }}
                                         onChange={(e) => {
                                             setOidcIssuer(e.target.value);
                                             setError("");
@@ -60,7 +65,7 @@ export default function LoginPage()
                                         oidcIssuer={oidcIssuer}
                                         redirectUrl={window.location.protocol + '//' + window.location.host + redirectLocation}
                                         onError={handleLoginError}>
-                                        <button className={"sw-btn w-fit"}>
+                                        <button id="loginButton" className={"sw-btn w-fit"}>
                                             <FaChevronRight className="w-4 h-4 "/>
                                         </button>
                                     </LoginButton>