feat: patreon check

src/components/Ad.tsx

@@ -1,10 +1,11 @@
 'use client';
 
-import { Box, BoxProps, Flex, Text } from '@radix-ui/themes';
+import { Box, BoxProps, Text } from '@radix-ui/themes';
 import { uniqueId } from 'lodash';
 import { useEffect, useRef } from 'react';
 import { Vector2Tuple } from 'three';
 import { imgur } from '../core/blitzkit/imgur';
+import { useAdExempt } from '../hooks/useAdExempt';
 
 export enum AdType {
   MediumRectangleHorizontalPurple = 738182777,
@@ -28,6 +29,8 @@ export function Ad({ type, style, ...props }: AdProps) {
   const id = useRef(uniqueId());
   const dimensions = AD_DIMENSIONS[type];
 
+  useAdExempt();
+
   useEffect(() => {
     (window as any).msAdsQueue.push(function () {
       (window as any).mmnow.render({
@@ -51,19 +54,18 @@ export function Ad({ type, style, ...props }: AdProps) {
       }}
       {...props}
     >
-      <Flex
-        position="absolute"
-        top="50%"
-        left="50%"
-        style={{ transform: 'translate(-50%, -50%)' }}
-        direction="column"
+      <Text
+        color="gray"
+        style={{
+          position: 'absolute',
+          top: '50%',
+          left: '50%',
+          transform: 'translate(-50%, -50%)',
+        }}
         align="center"
       >
-        <Text color="gray">Advertisement</Text>
-        <Text size="1" color="gray">
-          {dimensions[0]}x{dimensions[1]}
-        </Text>
-      </Flex>
+        Advertisement
+      </Text>
 
       <Box
         width={`${dimensions[0]}px`}

src/components/Navbar/index.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import {
   Cross1Icon,
   DiscordLogoIcon,
@@ -16,7 +18,7 @@ import {
   Separator,
   Text,
 } from '@radix-ui/themes';
-import { usePathname } from 'next/navigation';
+import { usePathname, useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { REGIONS } from '../../constants/regions';
 import { TOOLS } from '../../constants/tools';
@@ -35,6 +37,7 @@ import * as styles from './index.css';
 export const NAVBAR_HEIGHT = 64;
 
 export default function Navbar() {
+  const router = useRouter();
   const [showHamburgerMenu, setShowHamburgerMenu] = useState(false);
   const pathname = usePathname();
   const logins = useApp((state) => state.logins);
@@ -191,7 +194,7 @@ export default function Navbar() {
                     {!logins.patreon && (
                       <Link
                         style={{ width: '100%' }}
-                        href={`https://www.patreon.com/oauth2/authorize?response_type=code&client_id=${process.env.NEXT_PUBLIC_PATREON_CLIENT_ID}&redirect_uri=${process.env.NEXT_PUBLIC_PATREON_REDIRECT_URI}`}
+                        href={`https://www.patreon.com/oauth2/authorize?response_type=code&client_id=${process.env.NEXT_PUBLIC_PATREON_CLIENT_ID}&redirect_uri=${process.env.NEXT_PUBLIC_PATREON_REDIRECT_URI}&scope=identity`}
                       >
                         <Button style={{ width: '100%' }} color="tomato">
                           <PatreonIcon width={15} height={15} /> Patreon
@@ -215,9 +218,13 @@ export default function Navbar() {
                               {REGIONS.map((region) => (
                                 <Dialog.Close>
                                   <Link
-                                    href={`https://api.worldoftanks.${region}/wot/auth/login/?application_id=${WARGAMING_APPLICATION_ID}&redirect_uri=${encodeURIComponent(
-                                      `${location.origin}/auth/wargaming?return=${location.origin}${location.pathname}`,
-                                    )}`}
+                                    href={
+                                      typeof window?.location === undefined
+                                        ? undefined
+                                        : `https://api.worldoftanks.${region}/wot/auth/login/?application_id=${WARGAMING_APPLICATION_ID}&redirect_uri=${encodeURIComponent(
+                                            `${location.origin}/auth/wargaming?return=${location.origin}${location.pathname}`,
+                                          )}`
+                                    }
                                   >
                                     <Button color="red">
                                       {strings.common.regions.normal[region]}