sign in with auth.mapping.team

Author: kamicut

src/components/sidebar.js

@@ -285,7 +285,7 @@ export default function Sidebar() {
         ) : (
           <Button
             className='global-menu__link login'
-            onClick={() => signIn('openstreetmap')}
+            onClick={() => signIn('osm-teams')}
           >
             Sign in
           </Button>

src/pages/api/auth/[...nextauth].js

@@ -1,6 +1,8 @@
 import NextAuth from 'next-auth'
+import { mergeDeepRight } from 'ramda'
+const db = require('../../../lib/db')
 
-export default NextAuth({
+export const authOptions = {
   // Configure one or more authentication providers
   providers: [
     {
@@ -38,6 +40,26 @@ export default NextAuth({
       return session
     },
   },
-  // A database is optional, but required to persist accounts in a database
-  database: process.env.DATABASE_URL,
-})
+
+  events: {
+    async signIn({ profile }) {
+      // On successful sign in we should persist the user to the database
+      let [user] = await db('users').where('id', profile.id)
+      if (user) {
+        const newProfile = mergeDeepRight(user.profile, profile)
+        await db('users')
+          .where('id', profile.id)
+          .update({
+            profile: JSON.stringify(newProfile),
+          })
+      } else {
+        await db('users').insert({
+          id: profile.id,
+          profile: JSON.stringify(profile),
+        })
+      }
+    },
+  },
+}
+
+export default NextAuth(authOptions)

src/pages/index.js

@@ -207,7 +207,7 @@ export default function Home() {
               </Button>
             </div>
           ) : (
-            <Button onClick={() => signIn('openstreetmap')}>Sign in →</Button>
+            <Button onClick={() => signIn('osm-teams')}>Sign in →</Button>
           )}
         </div>
         <div className='map-bg' />

src/pages/teams/[id]/invitations/[invitationId].js

@@ -21,7 +21,7 @@ export default function TeamInvitationPage({ errorCode, errorMessage }) {
       <article className='inner page'>
         <section>
           <h1>Please sign in</h1>
-          <Button onClick={() => signIn('openstreetmap')}>Sign in →</Button>
+          <Button onClick={() => signIn('osm-teams')}>Sign in →</Button>
         </section>
       </article>
     )