bot icon

Author: k2xl

components/page/roleIcons.tsx

@@ -1,4 +1,5 @@
 import User from '@root/models/db/user';
+import { Bot } from 'lucide-react';
 import Image from 'next/image';
 import Link from 'next/link';
 import React from 'react';
@@ -25,6 +26,10 @@ export function RoleIcon({ id, role, size = 18 }: RoleIconProps) {
     // TODO: curator icon
     tooltip = 'Curator';
     break;
+  case (Role.BOT):
+    tooltip = 'Approved Bot';
+    icon = <Bot stroke='green' size={size} />;
+    break;
   case (Role.PRO):
     icon = <Image alt='pro' src='/pro.svg' width={size} height={size} style={{ minWidth: size, minHeight: size }} />;
     tooltip = 'Pro Subscriber';

constants/role.ts

@@ -1,5 +1,6 @@
 enum Role {
   ADMIN = 'Admin',
+  BOT = 'Bot',
   CURATOR = 'Curator',
   FORMER_GUEST = 'FormerGuest',
   GUEST = 'Guest',

pages/_app.tsx

@@ -432,11 +432,11 @@ export default function MyApp({ Component, pageProps, userAgent, initGame }: App
       console.log('IDENTIFYING USER WITH POSTHOG', user.name);
       // Identify user with PostHog
       posthog.identify(user._id.toString(), {
-        name: user.name,
-        email: user.email || '',
-        roles: user.roles,
-        created_at: user.ts ? new Date(user.ts * 1000).toISOString() : undefined,
-        last_game: user.lastGame,
+        name: user?.name,
+        email: user?.email || '',
+        roles: user?.roles,
+        created_at: user?.ts ? new Date(user.ts * 1000).toISOString() : undefined,
+        last_game: user?.lastGame,
         utm_source: user.utm_source,
         has_pro: isPro(user),
         email_confirmed: user.emailConfirmed,