Big refactor

src/components/auth/SignInForm.tsx

@@ -3,7 +3,7 @@ import { Database } from '../../../types/supabase';
 import React, { useState } from 'react';
 import { AuthError } from '@supabase/supabase-js';
 import { createClientComponentClient } from '@supabase/auth-helpers-nextjs';
-import ErrorAlert from './ErrorAlert';
+import Error from '../shared/Error';
 import { useRouter } from 'next/router';
 
 export default function SignInForm() {
@@ -40,7 +40,7 @@ export default function SignInForm() {
 
   return (
     <>
-      {error && <ErrorAlert error={error} />}
+      {error && <Error error={error} session={null}/>}
       <form
         className="space-y-6"
         action="#"

src/components/auth/SignUpForm.tsx

@@ -3,7 +3,7 @@ import { Database } from '../../../types/supabase';
 import React, { useState } from 'react';
 import { AuthError } from '@supabase/supabase-js';
 import { createClientComponentClient } from '@supabase/auth-helpers-nextjs';
-import ErrorAlert from './ErrorAlert';
+import Error from '../shared/Error';
 import { useRouter } from 'next/router';
 
 export default function SignUpForm() {
@@ -13,7 +13,7 @@ export default function SignUpForm() {
     useState<boolean>(false);
   const { push } = useRouter();
 
-  async function signUp(email: string, password: string) {
+  const signUp = async (email: string, password: string) => {
     setIsMainButtonDisabled(true);
     const { data, error } = await supabase.auth.signUp({
       email,
@@ -26,7 +26,7 @@ export default function SignUpForm() {
       supabase.auth.signInWithPassword({ email, password });
       push('/home');
     }
-  }
+  };
 
   async function onFormSubmit(event: React.FormEvent<HTMLFormElement>) {
     event.preventDefault();
@@ -41,12 +41,12 @@ export default function SignUpForm() {
 
   return (
     <>
-      {error && <ErrorAlert error={error} />}
+      {<Error error={error} session={null} />}
       <form
         className="space-y-6"
         action="#"
         method="POST"
-        onSubmit={onFormSubmit}
+        onSubmit={() => onFormSubmit}
       >
         <div>
           <label

src/components/home/DashboardMode.tsx → src/components/home/Home.tsx

@@ -9,7 +9,7 @@ import { useEffect, useState } from 'react';
 import { Database } from '../../../types/supabase';
 import { titleGradient, titleGradientHover } from '../misc';
 
-export default function DashboardMode(props: { user: User | null }) {
+export default function Home(props: { user: User | null }) {
   const { user } = props;
   const { isLoading: isSessionLoading, session, error } = useSessionContext();
   const supabase = createClientComponentClient<Database>();

src/pages/forms/[id].tsx

@@ -12,7 +12,7 @@ import Link from 'next/link';
 import { useRouter } from 'next/router';
 import { useEffect, useState } from 'react';
 import { Database } from '../../../types/supabase';
-import ResponsesTable from '../../components/home/modes/ResponsesTable';
+import ResponsesTable from '../../components/home/ResponsesTable';
 
 export default function FormDetailPage() {
   const { isLoading: isSessionLoading, session, error } = useSessionContext();

src/pages/home.tsx

@@ -1,5 +1,5 @@
 import Page from '@/components/layout/Page';
-import DashboardMode from '@/components/home/DashboardMode';
+import Home from '@/components/home/Home';
 import { getUserFromSupabase } from '@/utils';
 import { createClientComponentClient } from '@supabase/auth-helpers-nextjs';
 import { useSessionContext } from '@supabase/auth-helpers-react';
@@ -25,7 +25,7 @@ export default function HomePage() {
 
   return (
     <Page pageTitle="Home" user={user}>
-      <DashboardMode user={user} />
+      <Home user={user} />
     </Page>
   );
 }