Run prettier

web/.eslintrc.js

@@ -1,10 +1,7 @@
 module.exports = {
   parser: '@typescript-eslint/parser',
-  extends: [
+  extends: ['plugin:react-hooks/recommended', 'plugin:@next/next/recommended'],
-	  'plugin:react-hooks/recommended',
-	  'plugin:@next/next/recommended',
-	],
   rules: {
-	  // Add or disable rules here.
+    // Add or disable rules here.
-  }
+  },
 }

web/.prettierignore

@@ -0,0 +1,3 @@
+# Ignore Next artifacts
+.next/
+out/

web/hooks/use-contract.ts

@@ -2,12 +2,13 @@ import { useEffect, useState } from 'react'
 import { Contract, listenForContract } from '../lib/firebase/contracts'
 
 export const useContract = (contractId: string) => {
-	const [contract, setContract] = useState<Contract | null | 'loading'>('loading')
+  const [contract, setContract] = useState<Contract | null | 'loading'>(
+    'loading'
+  )
 
-	useEffect(() => {
+  useEffect(() => {
-		if (contractId)
+    if (contractId) return listenForContract(contractId, setContract)
-			return listenForContract(contractId, setContract)
+  }, [contractId])
-	}, [contractId])
 
-	return contract
+  return contract
-}
+}

web/hooks/use-user.ts

@@ -2,11 +2,11 @@ import { useEffect, useState } from 'react'
 import { listenForLogin, User } from '../lib/firebase/users'
 
 export const useUser = () => {
-	const [user, setUser] = useState<User | null>(null)
+  const [user, setUser] = useState<User | null>(null)
 
-	useEffect(() => {
+  useEffect(() => {
-		return listenForLogin(setUser)
+    return listenForLogin(setUser)
-	}, [])
+  }, [])
 
-	return user
+  return user
-}
+}