chore: replace last 30 mins w/ last 24 hour recent users

Author: kevinjosethomas

src/components/Home/HomeHero.tsx

@@ -260,7 +260,7 @@ export const HomeHero: React.FC<Props> = ({ scrollHandler }: Props) => {
                 value={activeUsers}
                 className="font-bold text-human-2"
               />{' '}
-              users online
+              recent users
             </p>
           ) : (
             <></>
@@ -277,13 +277,13 @@ export const HomeHero: React.FC<Props> = ({ scrollHandler }: Props) => {
               value={globalStats?.puzzle_games_total || 0}
               className="font-bold text-human-2"
             />{' '}
-            puzzle games solved
+            puzzles solved
           </p>
           {activeUsers <= 0 ? (
             <p className="text-center text-base text-primary/80">
               <AnimatedNumber
                 value={globalStats?.turing_games_total || 0}
-                className="font-bold"
+                className="font-bold text-human-2"
               />{' '}
               turing games played
             </p>

src/pages/api/active-users.ts

@@ -51,8 +51,8 @@ async function fetchActiveUsersFromPostHog(): Promise<number | null> {
   const url = `${posthogUrl}/api/projects/${projectId}/query/`
 
   const now = new Date()
-  const thirtyMinutesAgo = new Date(
-    now.getTime() - 30 * 60 * 1000,
+  const twentyFourHoursAgo = new Date(
+    now.getTime() - 24 * 60 * 60 * 1000,
   ).toISOString()
 
   try {
@@ -69,7 +69,7 @@ async function fetchActiveUsersFromPostHog(): Promise<number | null> {
             SELECT count(DISTINCT person_id) as recent_users
             FROM events
             WHERE event = '$pageview'
-              AND timestamp > toDateTime('${thirtyMinutesAgo}')
+              AND timestamp > toDateTime('${twentyFourHoursAgo}')
           `,
         },
       }),
@@ -79,7 +79,7 @@ async function fetchActiveUsersFromPostHog(): Promise<number | null> {
             SELECT count(DISTINCT person_id) as recent_users
             FROM events
             WHERE event = '$pageview'
-              AND timestamp > TIMESTAMP '${thirtyMinutesAgo}'
+              AND timestamp > TIMESTAMP '${twentyFourHoursAgo}'
           `)
 
     if (!response.ok) {