From 89ce1aeb3110ef6f52b3dbb489159029e57e43ee Mon Sep 17 00:00:00 2001
From: Shiba <44804845+DeepDoge@users.noreply.github.com>
Date: Mon, 10 Jan 2022 16:34:01 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8D=99=20clear=20cache=20button=20added?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/common/components/ButtonRadio.sass |  4 ++++
 src/popup/popup.sass                   |  5 ++++-
 src/popup/popup.tsx                    | 11 +++++++++++
 3 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/common/components/ButtonRadio.sass b/src/common/components/ButtonRadio.sass
index f8d28e5..3109995 100644
--- a/src/common/components/ButtonRadio.sass
+++ b/src/common/components/ButtonRadio.sass
@@ -5,6 +5,10 @@
   justify-content: center
   flex-wrap: wrap
   gap: .25em
+  cursor: pointer
+
+  *
+    cursor: pointer
 
   .radio-button
     @extend .button
diff --git a/src/popup/popup.sass b/src/popup/popup.sass
index 3cbb7e0..ed3c5bd 100644
--- a/src/popup/popup.sass
+++ b/src/popup/popup.sass
@@ -10,4 +10,7 @@
 .container > section
     display: grid
     grid-auto-flow: row
-    gap: 1em
\ No newline at end of file
+    gap: 1em
+
+button
+    cursor: pointer
\ No newline at end of file
diff --git a/src/popup/popup.tsx b/src/popup/popup.tsx
index b804a72..b9e506d 100644
--- a/src/popup/popup.tsx
+++ b/src/popup/popup.tsx
@@ -1,7 +1,9 @@
 import { h, render } from 'preact'
+import { useState } from 'preact/hooks'
 import ButtonRadio, { SelectionOption } from '../common/components/ButtonRadio'
 import { ExtensionSettings, getTargetPlatfromSettingsEntiries, getYtUrlResolversSettingsEntiries, TargetPlatformName, YTUrlResolverName } from '../common/settings'
 import { useLbrySettings } from '../common/useSettings'
+import { LbryPathnameCache } from '../common/yt/urlCache'
 import './popup.sass'
 
 /** Utilty to set a setting in the browser */
@@ -16,6 +18,7 @@ const ytUrlResolverOptions: SelectionOption[] = getYtUrlResolversSettingsEntirie
 
 function WatchOnLbryPopup() {
   const { redirect, targetPlatform, urlResolver } = useLbrySettings()
+  let [clearingCache, updateClearingCache] = useState(() => false)
 
   return <div className='container'>
     <section>
@@ -33,6 +36,14 @@ function WatchOnLbryPopup() {
       <ButtonRadio value={urlResolver} options={ytUrlResolverOptions}
         onChange={(urlResolver: YTUrlResolverName) => setSetting('urlResolver', urlResolver)} />
     </section>
+    <section>
+      <a onClick={async () => {
+        await LbryPathnameCache.clearAll()
+        alert('Cleared Cache.')
+      }}>
+        <button type='button' className='btn1 button is-primary'>{clearingCache ? 'Clearing Cache...' : 'Clear Cache'}</button>
+      </a>
+    </section>
     <section>
       <label className='radio-label'>Other useful tools:</label>
       <a href='/tools/YTtoLBRY.html' target='_blank'>