diff --git a/src/app/components/PatreonPlug.tsx b/src/app/components/PatreonPlug.tsx index e36c26639..c4b20b900 100644 --- a/src/app/components/PatreonPlug.tsx +++ b/src/app/components/PatreonPlug.tsx @@ -11,8 +11,6 @@ export function PatreonPlug() { const patreon = useApp((state) => state.logins.patreon); const exempt = useAdExempt(); - if (exempt) return null; - return ( - Active Patreon supports go ad-free + {exempt + ? 'You are supporting BlitzKit, thank you!' + : 'Active Patreon supports go ad-free'} - + {!exempt && } - {!patreon && ( + {!patreon && !exempt && ( diff --git a/src/app/page.tsx b/src/app/page.tsx index 86081fa11..e30978171 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -11,30 +11,56 @@ import { sessionTool, tankopediaTool, } from '../constants/tools'; +import { useAdExempt } from '../hooks/useAdExempt'; import { Hero } from './components/Hero'; import { PatreonPlug } from './components/PatreonPlug'; import { ToolCard } from './components/ToolCard'; export default function Page() { + const exempt = useAdExempt(); + return ( <> - - + + {!exempt && ( + + )} - + {!exempt && ( + + + + )} @@ -46,22 +72,36 @@ export default function Page() { + {!exempt && ( + + + + )} + - + {!exempt && ( + + )} - + {!exempt && }