movie-web/extension
1
0
Fork 0
mirror of https://github.com/movie-web/extension.git synced 2025-09-13 14:03:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #23 from movie-web/feature/#867

Browse Source 
add inactive icon if the domain is not whitelisted
This commit is contained in:
William Oldham
2024-03-05 18:51:01 +00:00
committed by GitHub
parent 434b2475cb a8e3de1451
commit df05547581
5 changed files with 18 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ToggleButton.tsx
View File

@@ -36,7 +36,7 @@ export function ToggleButton(props: ToggleButtonProps) {
</button>
</div>
<p>
Extension {props.active ? 'enabled' : 'disabled'} <br /> on <strong>{props.domain}</strong>
Extension <strong>{props.active ? 'enabled' : 'disabled'}</strong> <br /> on <strong>{props.domain}</strong>
</p>
</div>
);

5
src/hooks/useDomainWhitelist.ts
View File

@@ -27,6 +27,11 @@ export function useToggleWhitelistDomain(domain: string) {
const { domainWhitelist, addDomain, removeDomain } = useDomainWhitelist();
const isWhitelisted = domainWhitelist.includes(domain);
const { grantPermission } = usePermission();
const iconPath = (chrome || browser).runtime.getURL(isWhitelisted ? 'assets/active.png' : 'assets/inactive.png');
(chrome || browser).action.setIcon({
path: iconPath,
});
const toggle = useCallback(() => {
if (!isWhitelisted) {