fix package upgrade

.gitignore

@@ -36,3 +36,4 @@ yarn-error.log*
 
 # typescript
 *.tsbuildinfo
+.env

components/LoggedUserCard.tsx

@@ -4,7 +4,10 @@ import React, { useEffect, useState } from 'react';
 import { backendRoute, frontendRoute } from '../constants/routes';
 import Loader from './Loader';
 import Avatar from 'boring-avatars';
-import { LogoutIcon, UserIcon } from '@heroicons/react/solid';
+import {
+  ArrowLeftStartOnRectangleIcon,
+  UserIcon
+} from '@heroicons/react/20/solid';
 
 function LoggedUserCard() {
   const session = useSession();
@@ -61,7 +64,7 @@ function LoggedUserCard() {
       <a
         href={backendRoute.LOGOUT}
         className="inline-block p-2 text-base text-green-50 font-medium text-center leading-6 bg-red-500 hover:bg-red-600 focus:ring-2 focus:ring-red-500 focus:ring-opacity-50 rounded-md shadow-sm">
-        <LogoutIcon className="h-4 w-4" />
+        <ArrowLeftStartOnRectangleIcon className="h-4 w-4" />
       </a>
     </div>
   );

components/Navbar.tsx

@@ -24,7 +24,7 @@ export function Navbar() {
         <div className="flex-shrink-0 flex items-center">
           <Image
             height={40}
-            width={100}
+            width={40}
             src={hasura}
             alt="Workflow"
           />

components/landing/HeroSection.tsx

@@ -24,8 +24,8 @@ export default function HeroSection() {
       </p>
       <br />
       <p className="text-lg font-bold m-3 text-gray-500">
-        <div>Turn your Notion docs into a hosted self-service Knowledge</div>
-        <div>Base for your customers – no code required.</div>
+        <div>Test your Knowledge of hasura ecosystem using</div>
+        <div>Quizes from Hasura Champ.</div>
       </p>
       {session.status == 'authenticated' ? (
         <a

components/quiz/quit.tsx

@@ -1,5 +1,5 @@
 import { Dialog, Transition } from '@headlessui/react';
-import { SparklesIcon } from '@heroicons/react/solid';
+import { SparklesIcon } from '@heroicons/react/20/solid';
 import { useRouter } from 'next/router';
 import { Fragment } from 'react';
 import { frontendRoute } from '../../constants/routes';

components/quiz/result.tsx

@@ -1,5 +1,5 @@
 import { Dialog, Transition } from '@headlessui/react';
-import { SparklesIcon } from '@heroicons/react/solid';
+import { SparklesIcon } from '@heroicons/react/20/solid';
 import { useSession } from 'next-auth/react';
 import { useRouter } from 'next/router';
 import { Fragment, useEffect } from 'react';

data/calculateResult.ts

@@ -33,6 +33,8 @@ export async function saveResultToDB(
     })
   });
   let json = await res.json();
+
+  console.log(json);
   if (json.error) {
     return json;
   }

data/getQuiz.ts

@@ -6,6 +6,7 @@ import {
 } from '../pages/api/graphql/queries/_quiz';
 
 export const getQuiz = async (size: number): Promise<any[]> => {
+  console.log('GET ALL QUIZES');
   // get quiz ids
   let res = await fetch(backendRoute.GQL, {
     method: 'POST',
@@ -17,7 +18,6 @@ export const getQuiz = async (size: number): Promise<any[]> => {
     })
   });
   let json = await res.json();
-
   let data: any = json.data.quiz.map((idObj: any) => {
     return idObj.id;
   });

next.config.js

@@ -1,25 +1,18 @@
 /** @type {import('next').NextConfig} */
 
-
-const withTM = require("next-transpile-modules")([
-  "@fullcalendar/common",
-  "@babel/preset-react",
-  "@fullcalendar/common",
-  "@fullcalendar/daygrid",
-  "@fullcalendar/interaction",
-  "@fullcalendar/react",
-  "@fullcalendar/timegrid",
-]);
-
-
-const nextConfig = withTM({
+const nextConfig = {
   reactStrictMode: true,
   typescript: {
-    tsconfigPath: "./tsconfig.json"
+    tsconfigPath: './tsconfig.json'
   },
   images: {
-    domains: ['tailwindui.com', "images.unsplash.com", "shuffle.dev", "lh3.googleusercontent.com"],
-  },
-})
+    domains: [
+      'tailwindui.com',
+      'images.unsplash.com',
+      'shuffle.dev',
+      'lh3.googleusercontent.com'
+    ]
+  }
+};
 
-module.exports = nextConfig
+module.exports = nextConfig;