First pass prettier/eslint and headwind

utils/AuthContext.js

@@ -6,51 +6,57 @@ import { supabase } from 'utils/supabaseClient';
 const AuthContext = createContext();
 
 export const AuthProvider = ({ children }) => {
-	const [user, setUser] = useState();
-	const [session, setSession] = useState();
-	const [loading, setLoading] = useState(true);
+  const [user, setUser] = useState();
+  const [session, setSession] = useState();
+  const [loading, setLoading] = useState(true);
 
-	useEffect(() => {
-		// Check active sessions and sets the user
-		const session = supabase.auth.session();
+  useEffect(() => {
+    // Check active sessions and sets the user
+    const session = supabase.auth.session();
 
-		setUser(session?.user ?? null);
-		setSession(session ?? null);
-		setLoading(false);
+    setUser(session?.user ?? null);
+    setSession(session ?? null);
+    setLoading(false);
 
-		// Listen for changes on auth state (logged in, signed out, etc.)
-		const { data: listener } = supabase.auth.onAuthStateChange(async (event, session) => {
-			if ((event === 'SIGNED_OUT') | (event === 'SIGNED_IN')) {
-				fetch('/api/auth', {
-					method: 'POST',
-					headers: new Headers({ 'Content-Type': 'application/json' }),
-					credentials: 'same-origin',
-					body: JSON.stringify({ event, session }),
-				}).then((res) => res.json());
-			}
-			if (event === 'USER_UPDATED') {
-			}
-			setUser(session?.user ?? null);
-			setSession(session ?? null);
-			setLoading(false);
-		});
+    // Listen for changes on auth state (logged in, signed out, etc.)
+    const { data: listener } = supabase.auth.onAuthStateChange(
+      async (event, session) => {
+        if ((event === 'SIGNED_OUT') | (event === 'SIGNED_IN')) {
+          fetch('/api/auth', {
+            method: 'POST',
+            headers: new Headers({ 'Content-Type': 'application/json' }),
+            credentials: 'same-origin',
+            body: JSON.stringify({ event, session }),
+          }).then((res) => res.json());
+        }
+        if (event === 'USER_UPDATED') {
+        }
+        setUser(session?.user ?? null);
+        setSession(session ?? null);
+        setLoading(false);
+      }
+    );
 
-		return () => {
-			listener?.unsubscribe();
-		};
-	}, []);
+    return () => {
+      listener?.unsubscribe();
+    };
+  }, []);
 
-	// Will be passed down to Signup, Login and Dashboard components
-	const value = {
-		signUp: (data) => supabase.auth.signUp(data),
-		signIn: (data) => supabase.auth.signIn(data),
-		signOut: () => supabase.auth.signOut(),
-		resetPassword: (data) => supabase.auth.api.resetPasswordForEmail(data),
-		user,
-		session,
-	};
+  // Will be passed down to Signup, Login and Dashboard components
+  const value = {
+    signUp: (data) => supabase.auth.signUp(data),
+    signIn: (data) => supabase.auth.signIn(data),
+    signOut: () => supabase.auth.signOut(),
+    resetPassword: (data) => supabase.auth.api.resetPasswordForEmail(data),
+    user,
+    session,
+  };
 
-	return <AuthContext.Provider value={value}>{!loading && children}</AuthContext.Provider>;
+  return (
+    <AuthContext.Provider value={value}>
+      {!loading && children}
+    </AuthContext.Provider>
+  );
 };
 
 // export the useAuth hook

utils/init-middleware.ts

@@ -4,13 +4,13 @@
 import type { NextApiRequest, NextApiResponse } from 'next';
 
 export default function initMiddleware(middleware: any) {
-	return (req: NextApiRequest, res: NextApiResponse) =>
-		new Promise((resolve, reject) => {
-			middleware(req, res, (result: any) => {
-				if (result instanceof Error) {
-					return reject(result);
-				}
-				return resolve(result);
-			});
-		});
+  return (req: NextApiRequest, res: NextApiResponse) =>
+    new Promise((resolve, reject) => {
+      middleware(req, res, (result: any) => {
+        if (result instanceof Error) {
+          return reject(result);
+        }
+        return resolve(result);
+      });
+    });
 }

utils/stripe.tsx

@@ -1,14 +1,15 @@
 /**
  * This is a singleton to ensure we only instantiate Stripe once.
  */
+
 import { Stripe, loadStripe } from '@stripe/stripe-js';
 
 let stripePromise: Promise<Stripe | null>;
 const getStripe = (): Promise<Stripe | null> => {
-	if (!stripePromise) {
-		stripePromise = loadStripe(process.env.NEXT_PUBLIC_STRIPE_PUBLIC_KEY || '');
-	}
-	return stripePromise;
+  if (!stripePromise) {
+    stripePromise = loadStripe(process.env.NEXT_PUBLIC_STRIPE_PUBLIC_KEY || '');
+  }
+  return stripePromise;
 };
 
 export default getStripe;

utils/supabaseClient.tsx

@@ -7,11 +7,11 @@ export const supabase = createClient(supabaseUrl || '', supabaseAnonKey || '');
 
 // Check if a user has a paid plan
 export const getSub = async () => {
-	const { data: subscriptions } = await supabase
-		.from('subscriptions')
-		.select('paid_user, plan')
-		.single();
-	if (subscriptions) {
-		return subscriptions;
-	}
+  const { data: subscriptions } = await supabase
+    .from('subscriptions')
+    .select('paid_user, plan')
+    .single();
+  if (subscriptions) {
+    return subscriptions;
+  }
 };