From e66937208a88a20b450346256e2e3ce8bc092608 Mon Sep 17 00:00:00 2001
From: pir8bay <pirateytrewq@gmail.com>
Date: Mon, 10 Jun 2024 10:08:51 +0300
Subject: [PATCH 1/5] added demo feature

---
 public/images/chevron.svg |  6 ++++++
 src/index.tsx             |  4 ++--
 src/pages/auth/login.tsx  | 28 +++++++++++++++++++++++++---
 3 files changed, 33 insertions(+), 5 deletions(-)
 create mode 100644 public/images/chevron.svg

diff --git a/public/images/chevron.svg b/public/images/chevron.svg
new file mode 100644
index 00000000..96421a23
--- /dev/null
+++ b/public/images/chevron.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <path
+        transform="rotate(0, 12.3, 12)"
+        d="M16.8625817,0.35528597 C16.3546389,-0.125475313 15.550396,-0.125475313 15.0847818,0.398991541 L5.3492107,11.1068565 C4.88359643,11.6313233 4.88359643,12.4180236 5.3492107,12.8987849 L15.0847818,23.6066499 C15.3387532,23.8688833 15.6773817,24 16.0160103,24 C16.3123103,24 16.6509389,23.8688833 16.9049103,23.6503554 C17.4128531,23.1695941 17.4551817,22.3391883 16.9472388,21.8147214 L7.97358203,12.0246735 L16.9049103,2.19091996 C17.3705245,1.66645311 17.3705245,0.836047253 16.8625817,0.35528597 Z"
+    />
+</svg>
\ No newline at end of file
diff --git a/src/index.tsx b/src/index.tsx
index 01a890a5..3c04a4d6 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -28,8 +28,8 @@ render(
         </Suspense>
       )}
     >
-      <Route path="/login" component={Login} />
-      <Route path="/logout" component={Logout} />
+    <Route path="/login" component={Login} />
+    <Route path="/logout" component={Logout} />
       <Route path="/auth" component={Auth} />
 
       <Route path="/*dongleId" component={Dashboard} />
diff --git a/src/pages/auth/login.tsx b/src/pages/auth/login.tsx
index 05c6852f..c22974b6 100644
--- a/src/pages/auth/login.tsx
+++ b/src/pages/auth/login.tsx
@@ -1,9 +1,15 @@
 import { getGoogleAuthUrl, getAppleAuthUrl, getGitHubAuthUrl } from '~/api/auth'
+import { setAccessToken } from '~/api/auth/client'
 
 import Button from '~/components/material/Button'
 import Typography from '~/components/material/Typography'
 
 export default function Login() {
+  const loginAsDemoUser = function() {
+    setAccessToken('eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJleHAiOjE3NDg1ODI0NjUsIm5iZiI6MTcxNzA0NjQ2NSwiaWF0IjoxNzE3MDQ2NDY1LCJpZGVudGl0eSI6IjBkZWNkZGNmZGYyNDFhNjAifQ.g3khyJgOkNvZny6Vh579cuQj1HLLGSDeauZbfZri9jw');
+    window.location.href = window.location.origin;
+  };
+
   return (
     <div class="flex min-h-screen flex-col items-center justify-center bg-background p-6">
       <div class="flex max-w-sm flex-col items-center gap-8">
@@ -31,7 +37,7 @@ export default function Login() {
 
         <div class="flex flex-col items-stretch gap-4 self-stretch">
           <Button
-            class="h-16 gap-4"
+            class="h-16 gap-4 hover:bg-gray-200"
             href={getGoogleAuthUrl()}
             leading={
               <img
@@ -45,7 +51,7 @@ export default function Login() {
             Sign in with Google
           </Button>
           <Button
-            class="h-16 gap-5 pr-7"
+            class="h-16 gap-5 pr-7 hover:bg-gray-200"
             href={getAppleAuthUrl()}
             leading={
               <div class="relative size-8">
@@ -62,7 +68,7 @@ export default function Login() {
             Sign in with Apple
           </Button>
           <Button
-            class="h-16 gap-4"
+            class="h-16 gap-4 hover:bg-gray-200"
             href={getGitHubAuthUrl()}
             leading={
               <img
@@ -90,6 +96,22 @@ export default function Login() {
             height={32}
           />
         </div>
+
+        <Button
+          class="h-13 gap-4 hover:bg-gray-200"
+          onclick={loginAsDemoUser}
+          trailing={
+            <img
+              src="/images/chevron.svg"
+              alt=""
+              width={18}
+              height={18}
+              style={{ transform: 'rotate(180deg)' }}
+            />
+          }
+        >
+          Try the demo 
+        </Button>
       </div>
     </div>
   )

From 866c7d11f77cbd91bbbe0f6196126e604c6b85e7 Mon Sep 17 00:00:00 2001
From: Sarem Hailemeskel <166467953+pir8bay@users.noreply.github.com>
Date: Mon, 10 Jun 2024 08:52:08 +0000
Subject: [PATCH 2/5] switched to google fonts

---
 public/images/chevron.svg |  6 ------
 src/pages/auth/login.tsx  | 14 +++++---------
 2 files changed, 5 insertions(+), 15 deletions(-)
 delete mode 100644 public/images/chevron.svg

diff --git a/public/images/chevron.svg b/public/images/chevron.svg
deleted file mode 100644
index 96421a23..00000000
--- a/public/images/chevron.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path
-        transform="rotate(0, 12.3, 12)"
-        d="M16.8625817,0.35528597 C16.3546389,-0.125475313 15.550396,-0.125475313 15.0847818,0.398991541 L5.3492107,11.1068565 C4.88359643,11.6313233 4.88359643,12.4180236 5.3492107,12.8987849 L15.0847818,23.6066499 C15.3387532,23.8688833 15.6773817,24 16.0160103,24 C16.3123103,24 16.6509389,23.8688833 16.9049103,23.6503554 C17.4128531,23.1695941 17.4551817,22.3391883 16.9472388,21.8147214 L7.97358203,12.0246735 L16.9049103,2.19091996 C17.3705245,1.66645311 17.3705245,0.836047253 16.8625817,0.35528597 Z"
-    />
-</svg>
\ No newline at end of file
diff --git a/src/pages/auth/login.tsx b/src/pages/auth/login.tsx
index c22974b6..6df89bfe 100644
--- a/src/pages/auth/login.tsx
+++ b/src/pages/auth/login.tsx
@@ -5,7 +5,7 @@ import Button from '~/components/material/Button'
 import Typography from '~/components/material/Typography'
 
 export default function Login() {
-  const loginAsDemoUser = function() {
+  const loginAsDemoUser = function () {
     setAccessToken('eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJleHAiOjE3NDg1ODI0NjUsIm5iZiI6MTcxNzA0NjQ2NSwiaWF0IjoxNzE3MDQ2NDY1LCJpZGVudGl0eSI6IjBkZWNkZGNmZGYyNDFhNjAifQ.g3khyJgOkNvZny6Vh579cuQj1HLLGSDeauZbfZri9jw');
     window.location.href = window.location.origin;
   };
@@ -101,16 +101,12 @@ export default function Login() {
           class="h-13 gap-4 hover:bg-gray-200"
           onclick={loginAsDemoUser}
           trailing={
-            <img
-              src="/images/chevron.svg"
-              alt=""
-              width={18}
-              height={18}
-              style={{ transform: 'rotate(180deg)' }}
-            />
+            <span class="material-symbols-outlined icon-outline">
+              chevron_right
+            </span>
           }
         >
-          Try the demo 
+          Try the demo
         </Button>
       </div>
     </div>

From 6b43dba2c798867c72555d34457e8467ea47be54 Mon Sep 17 00:00:00 2001
From: Cameron Clough <cameronjclough@gmail.com>
Date: Wed, 12 Jun 2024 01:10:39 +0100
Subject: [PATCH 3/5] fix indent

---
 src/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/index.tsx b/src/index.tsx
index 3c04a4d6..01a890a5 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -28,8 +28,8 @@ render(
         </Suspense>
       )}
     >
-    <Route path="/login" component={Login} />
-    <Route path="/logout" component={Logout} />
+      <Route path="/login" component={Login} />
+      <Route path="/logout" component={Logout} />
       <Route path="/auth" component={Auth} />
 
       <Route path="/*dongleId" component={Dashboard} />

From aeb434020ad0e968d540cb9c7f143233552fb22f Mon Sep 17 00:00:00 2001
From: Cameron Clough <cameronjclough@gmail.com>
Date: Wed, 12 Jun 2024 01:16:58 +0100
Subject: [PATCH 4/5] remove unknown class

---
 src/pages/auth/login.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/auth/login.tsx b/src/pages/auth/login.tsx
index 6df89bfe..8226cdf1 100644
--- a/src/pages/auth/login.tsx
+++ b/src/pages/auth/login.tsx
@@ -98,7 +98,7 @@ export default function Login() {
         </div>
 
         <Button
-          class="h-13 gap-4 hover:bg-gray-200"
+          class="gap-4 hover:bg-gray-200"
           onclick={loginAsDemoUser}
           trailing={
             <span class="material-symbols-outlined icon-outline">

From f55c76fe7104408aca4ec55f8f09061cd968faca Mon Sep 17 00:00:00 2001
From: Cameron Clough <cameronjclough@gmail.com>
Date: Wed, 12 Jun 2024 01:20:21 +0100
Subject: [PATCH 5/5] button hover colour is fixed in master

---
 src/pages/auth/login.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/auth/login.tsx b/src/pages/auth/login.tsx
index 8226cdf1..cc4379c9 100644
--- a/src/pages/auth/login.tsx
+++ b/src/pages/auth/login.tsx
@@ -37,7 +37,7 @@ export default function Login() {
 
         <div class="flex flex-col items-stretch gap-4 self-stretch">
           <Button
-            class="h-16 gap-4 hover:bg-gray-200"
+            class="h-16 gap-4"
             href={getGoogleAuthUrl()}
             leading={
               <img
@@ -51,7 +51,7 @@ export default function Login() {
             Sign in with Google
           </Button>
           <Button
-            class="h-16 gap-5 pr-7 hover:bg-gray-200"
+            class="h-16 gap-5 pr-7"
             href={getAppleAuthUrl()}
             leading={
               <div class="relative size-8">
@@ -68,7 +68,7 @@ export default function Login() {
             Sign in with Apple
           </Button>
           <Button
-            class="h-16 gap-4 hover:bg-gray-200"
+            class="h-16 gap-4"
             href={getGitHubAuthUrl()}
             leading={
               <img
@@ -98,7 +98,7 @@ export default function Login() {
         </div>
 
         <Button
-          class="gap-4 hover:bg-gray-200"
+          class="gap-4"
           onclick={loginAsDemoUser}
           trailing={
             <span class="material-symbols-outlined icon-outline">