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
@@ -33,6 +36,14 @@ function WatchOnLbryPopup() { setSetting('urlResolver', urlResolver)} />
+
+ { + await LbryPathnameCache.clearAll() + alert('Cleared Cache.') + }}> + + +