1.9 Add support for magic link

Author: one-aalam

src/lib/auth/AuthContext.tsx

@@ -52,7 +52,7 @@ export const AuthProvider: FunctionComponent = ({
           if (error) {
             handleMessage({ message: error.message, type: 'error' })
           } else {
-            handleMessage({ message: `Welcome, ${user.email}`, type: 'success' })
+            handleMessage({ message: payload.password.length ? `Welcome, ${user.email}`: `Please check your email for the magic link`, type: 'success' })
           }
         } catch (error) {
           handleMessage({ message: error.error_description || error, type: 'error' })

src/lib/auth/auth.types.ts

@@ -1,5 +1,5 @@
 
 export type SupabaseAuthPayload = {
     email: string,
-    password: string
+    password?: string
 }

src/pages/index.tsx

@@ -71,8 +71,7 @@ const IndexPage: NextPage<NextAppPageProps> = ({}) => {
               name="password"
               type="password"
               className="h-12 px-4 py-2 bg-white rounded shadow-inner border-gray-300 w-full border hover:border-gray-400"
-              placeholder="Your password"
-              required
+              placeholder="Your password. Leave empty for password-less login"
               value={values.password}
               onChange={handleChange}
             />