mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
tom goriunovandGitHub
9cddd83786
* change hero section * add AdBanner to hero block * show icon instead of text on "connect wallet" button on md desktops * redesign stats widgets * new design for home page charts * fix skeletons * update demo values * disable getit provider * fixes for adbutler provider * show token logo placeholder for secondary coin logo * add width to hype banner * update demo values * remove letter spacing for large headings * indicators block fixes * update icons * update screenshots
48 lines
1.6 KiB
TypeScript
48 lines
1.6 KiB
TypeScript
import { useEffect } from 'react';
|
|
|
|
import type { AdBannerProviders } from 'types/client/adProviders';
|
|
|
|
import config from 'configs/app';
|
|
import { useAppContext } from 'lib/contexts/app';
|
|
import * as cookies from 'lib/cookies';
|
|
import isBrowser from 'lib/isBrowser';
|
|
|
|
const DEFAULT_URL = 'https://request-global.czilladx.com';
|
|
|
|
// in general, detect should work with any ad-provider url (that is alive)
|
|
// but we see some false-positive results in certain browsers
|
|
const TEST_URLS: Record<AdBannerProviders, string> = {
|
|
slise: 'https://v1.slise.xyz/serve',
|
|
coinzilla: 'https://request-global.czilladx.com',
|
|
adbutler: 'https://servedbyadbutler.com/app.js',
|
|
hype: 'https://api.hypelab.com/v1/scripts/hp-sdk.js',
|
|
// I don't have an url for getit to test
|
|
// getit: DEFAULT_URL,
|
|
none: DEFAULT_URL,
|
|
};
|
|
|
|
const feature = config.features.adsBanner;
|
|
|
|
export default function useAdblockDetect() {
|
|
const hasAdblockCookie = cookies.get(cookies.NAMES.ADBLOCK_DETECTED, useAppContext().cookies);
|
|
const provider = feature.isEnabled && feature.provider;
|
|
|
|
useEffect(() => {
|
|
if (isBrowser() && !hasAdblockCookie && provider) {
|
|
const url = TEST_URLS[provider] || DEFAULT_URL;
|
|
fetch(url, {
|
|
method: 'HEAD',
|
|
mode: 'no-cors',
|
|
cache: 'no-store',
|
|
})
|
|
.then(() => {
|
|
cookies.set(cookies.NAMES.ADBLOCK_DETECTED, 'false', { expires: 1 });
|
|
})
|
|
.catch(() => {
|
|
cookies.set(cookies.NAMES.ADBLOCK_DETECTED, 'true', { expires: 1 });
|
|
});
|
|
}
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
}, []);
|
|
}
|