hotfix: onboarding daily q fix

Author: Logannford

src/app/(app)/(questions)/question/[slug]/layout.tsx

@@ -60,11 +60,10 @@ export default async function QuestionUidLayout({
       url: getBaseUrl(),
     },
     assesses: ['coding'],
-    dateCreated: new Date(question?.createdAt || '').toISOString(),
-    dateModified: new Date(question?.updatedAt || '').toISOString(),
-    datePublished: new Date(
-      question?.questionDate || question?.createdAt || ''
-    ).toISOString(),
+    dateCreated: question?.createdAt.toISOString() || '',
+    dateModified: question?.updatedAt.toISOString() || '',
+    datePublished:
+      question?.questionDate || question?.createdAt.toISOString() || '',
     headline: question?.question || '',
     interactivityType: 'mixed',
     isAccessibleForFree: true,

src/app/(no_nav)/onboarding/page.tsx

@@ -4,20 +4,23 @@ import StarsBackground from '@/components/ui/stars-background';
 import Link from 'next/link';
 import { UserOnboardingContextProvider } from '@/components/app/onboarding/onboarding-context';
 import OnboardingForm from '@/components/app/onboarding/onboarding-form';
+import { getTodaysQuestion } from '@/utils/data/questions/get-today';
 
 export const metadata = {
   title: 'Onboarding | TechBlitz',
 };
 
-export default function OnboardingPage() {
+export default async function OnboardingPage() {
+  const dailyQuestion = await getTodaysQuestion();
+
   return (
     <div className="relative container">
       <StarsBackground className="-z-10" />
       <div className="flex flex-col min-h-screen">
         <Link href="/" className="pl-0 md:pl-8 p-8 pb-0 flex justify-center">
           <Logo />
         </Link>
-        <UserOnboardingContextProvider>
+        <UserOnboardingContextProvider dailyQuestion={dailyQuestion}>
           <div className="flex-1 flex items-center justify-center">
             <OnboardingForm />
           </div>

src/components/app/onboarding/onboarding-context.tsx

@@ -7,9 +7,8 @@
  */
 import { createContext, useContext, useState } from 'react';
 import type { UpdatableUserFields } from '@/types/User';
-import { QuestionWithTags } from '@/types/Questions';
+import { Question, QuestionWithTags } from '@/types/Questions';
 import { getOnboardingQuestions } from '@/utils/data/questions/get-onboarding';
-import { getTodaysQuestion } from '@/utils/data/questions/get-today';
 import { useRouter } from 'next/navigation';
 // context type
 type OnboardingContextType = {
@@ -42,8 +41,10 @@ const OnboardingContext = createContext<OnboardingContextType | null>(null);
 // provide the context to all the children components
 export const UserOnboardingContextProvider = ({
   children,
+  dailyQuestion,
 }: {
   children: React.ReactNode;
+  dailyQuestion: Question | null;
 }) => {
   const router = useRouter();
   // get the current user
@@ -81,10 +82,8 @@ export const UserOnboardingContextProvider = ({
   };
 
   const handleGetDailyQuestion = async () => {
-    const question = await getTodaysQuestion();
-
     // redirect to the question page
-    router.push(`/question/${question?.slug}`);
+    router.push(`/question/${dailyQuestion?.slug}`);
   };
 
   return (