From 1b8287fb94b5d7c769ac2212ae499605cba554ac Mon Sep 17 00:00:00 2001
From: Maarten Vandenbrande <44063787+maartyman@users.noreply.github.com>
Date: Tue, 17 Sep 2024 16:37:37 +0200
Subject: [PATCH 1/2] Update README.md

---
 README.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/README.md b/README.md
index d9a4ffc..647ff9b 100644
--- 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).
 
 

From 8ba2b2221b62b5ce3b8355bba25b8ba98ec9dc3d Mon Sep 17 00:00:00 2001
From: maartenvandenbrande <maarten.vdbrande@gmail.com>
Date: Fri, 11 Oct 2024 14:03:08 +0200
Subject: [PATCH 2/2] Add default oidc issuer and fix login on enter

---
 solid-watchparty/src/pages/LoginPage.jsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/solid-watchparty/src/pages/LoginPage.jsx b/solid-watchparty/src/pages/LoginPage.jsx
index e28cca4..a060fcc 100644
--- 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>