From ea6b0d765811a0d385e5b00313421605b09a6069 Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Mon, 19 Jun 2023 10:14:31 +0200
Subject: [PATCH] feat: home link

---
 src/components/AddressBar.astro | 21 +++++++++++++--------
 src/components/Library.astro    |  3 ++-
 src/utils/library.ts            |  8 ++++----
 3 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/src/components/AddressBar.astro b/src/components/AddressBar.astro
index 28c365e..c4af5b3 100644
--- a/src/components/AddressBar.astro
+++ b/src/components/AddressBar.astro
@@ -6,17 +6,19 @@ export interface Props {
 }
 
 const { url } = Astro.props;
-const placeholder = 'Type the URL of an article here';
+const placeholder = 'Type the article URL here';
 ---
 
 <div class="address-bar">
   <form>
-    <button aria-label="Home" class="left-buttons" type="button" id="app-home" name="app-home" onclick="history.go(-1); return false;" hidden>
-      <Icon name="ic:outline-arrow-back-ios" />
+    <button aria-label="Home" class="left-buttons" type="button" id="app-home" name="app-home" onclick="window.location.href='/'; return false;" hidden>
+      <Icon name="ic:round-library-books" />
+    </button>
+    <button aria-label="Back" class="left-buttons" type="button" id="app-back" name="app-back" onclick="history.go(-1); return false;" hidden>
+      <Icon name="ic:round-arrow-back-ios" />
     </button>
     <input type="url" id="app-url" name="url" value={url} placeholder={placeholder} required />
     <button aria-label="Submit" class="right-buttons" type="submit" id="submit">
-      <!-- <Icon name="ic:outline-arrow-forward-ios" /> -->
       <Icon name="ri:ai-generate" />
     </button>
     <button aria-label="GitHub" class="right-buttons" type="button" id="gh-link" onclick="window.open('https://github.com/ayoayco/cozy', '_blank');" hidden>
@@ -27,16 +29,18 @@ const placeholder = 'Type the URL of an article here';
 
 <script>
   const ghLink = document.getElementById('gh-link') as HTMLButtonElement;
-  const homeBtn = document.getElementById('app-home') as HTMLButtonElement;
+  const backLink = document.getElementById('app-back') as HTMLButtonElement;
+  const homeLink = document.getElementById('app-home') as HTMLButtonElement;
   const urlInput = document.getElementById('app-url') as HTMLInputElement;
   const submitBtn = document.getElementById('submit') as HTMLButtonElement;
 
-  // if js is enabled, show the home button and github link
+  // if js is enabled, show the back button and github link
   ghLink.removeAttribute('hidden');
-  homeBtn.removeAttribute('hidden');
+  backLink.removeAttribute('hidden');
+  homeLink.removeAttribute('hidden');
 
   if (urlInput.value === '') {
-    homeBtn.setAttribute('disabled', 'true');
+    backLink.setAttribute('disabled', 'true');
     submitBtn.setAttribute('disabled', 'true');
   }
 
@@ -77,6 +81,7 @@ const placeholder = 'Type the URL of an article here';
     }
 
     :global(button#app-home),
+    :global(button#app-back),
     :global(button#submit),
     :global(button#gh-link) {
       border: 0px;
diff --git a/src/components/Library.astro b/src/components/Library.astro
index 65d37c5..6850424 100644
--- a/src/components/Library.astro
+++ b/src/components/Library.astro
@@ -80,6 +80,7 @@ const {postDivSelector, skipSave = false} = Astro.props;
       if (!url) {
         url = window.location.href;
         isHome = true;
+        console.log('>>> ishome', isHome);
       } else {
         // replace scrollPosition
         localStorage.setItem('scrollPosition', window.scrollY.toString());
@@ -172,4 +173,4 @@ const {postDivSelector, skipSave = false} = Astro.props;
       }
     }
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/utils/library.ts b/src/utils/library.ts
index e129aec..8040475 100644
--- a/src/utils/library.ts
+++ b/src/utils/library.ts
@@ -73,7 +73,7 @@ export function renderPost(responseText, url, postDivSelector: string, preventPu
               postDiv.innerHTML = newPost.innerHTML
               const appUrl = document.getElementById('app-url') as HTMLInputElement;
               const cozyUrl = html.querySelector('meta[property="cozy:url"]')?.getAttribute('content');
-              const homeBtn = document.getElementById('app-home') as HTMLButtonElement;
+              const backBtn = document.getElementById('app-back') as HTMLButtonElement;
               const submitBtn = document.getElementById('submit') as HTMLButtonElement;
 
 
@@ -82,11 +82,11 @@ export function renderPost(responseText, url, postDivSelector: string, preventPu
 
               if(cozyUrl !== '/') {
                 appUrl.value = cozyUrl || '';
-                homeBtn.removeAttribute('disabled');
+                backBtn.removeAttribute('disabled');
                 submitBtn.removeAttribute('disabled');
               } else {
                 appUrl.value = '';
-                homeBtn.setAttribute('disabled', 'true');
+                backBtn.setAttribute('disabled', 'true');
                 submitBtn.setAttribute('disabled', 'true');
               }
 
@@ -94,4 +94,4 @@ export function renderPost(responseText, url, postDivSelector: string, preventPu
                 window.history.pushState({url}, '', url);
               }
             }
-    }
\ No newline at end of file
+    }