-
Email: {user.email} Change
+
Email: {user.email}
+ {/* Change */}
+
{/* TODO: Store date password was set so we can show "Set on [date]"? */}
Password: {
diff --git a/pages/account/recover.js b/pages/account/recover.js
new file mode 100644
index 0000000..943b2eb
--- /dev/null
+++ b/pages/account/recover.js
@@ -0,0 +1,40 @@
+import React, {useState} from 'react'
+import Link from 'next/link'
+import Router from 'next/router'
+import Head from 'next/head'
+import isEmail from 'validator/lib/isEmail'
+
+import {FormController, Input, Button} from '~/components/form'
+import useAccountRedirect from '~/hooks/useAccountRedirect'
+
+export default function ResetPassword(){
+ useAccountRedirect()
+
+ const [submitted, setSubmitted] = useState(false)
+
+ return (
+ <>
+
+
Reset Password | Society of Socks
+
+ {submitted
+ ? (
+
+ Reset Password
+
+ An email has been sent to the provided email address - check your
+ email for further instructions in resetting your password.
+
+
+ )
+ : (
+
setSubmitted(true)}>
+ Reset Password
+ isEmail(value)} hint="Enter a valid email address" />
+
+
+ )
+ }
+
+ )
+}
diff --git a/pages/account/reset-password.js b/pages/account/reset-password.js
new file mode 100644
index 0000000..395fc62
--- /dev/null
+++ b/pages/account/reset-password.js
@@ -0,0 +1,54 @@
+import React from 'react'
+import Link from 'next/link'
+import Router from 'next/router'
+import axios from 'axios'
+import Head from 'next/head'
+
+import {useSetUser} from '~/hooks/useUser'
+import {FormController, Input, Button} from '~/components/form'
+import useAccountRedirect from '~/hooks/useAccountRedirect'
+
+ResetPassword.getInitialProps = async ({ctx}) => {
+ const {id, key} = ctx.query
+
+ return {
+ link_uuid: id,
+ link_key: key
+ }
+}
+
+export default function ResetPassword({link_uuid, link_key}){
+ useAccountRedirect()
+ const setUser = useSetUser()
+
+ async function submitReset({password, password2}) {
+ const {data: user} = await axios.post(`/api/users/recover/password`, {
+ password,
+ password2,
+ link_uuid,
+ link_key,
+ })
+
+ setUser(user)
+
+ if (user.is_admin)
+ Router.push('/admin')
+ else
+ Router.push('/account')
+
+ }
+
+ return (
+ <>
+
+
Reset Password | Society of Socks
+
+
+ Reset Password
+ (value.length >= 8)} hint="Password must be at least 8 characters long" />
+ (value === fields.password.value)} hint="Passwords must match" />
+
+
+
+ )
+}
diff --git a/pages/login.js b/pages/login.js
index 81b71b7..2678272 100644
--- a/pages/login.js
+++ b/pages/login.js
@@ -7,10 +7,8 @@ import isEmail from 'validator/lib/isEmail'
import {useSetUser} from '~/hooks/useUser'
import {FormController, Input, Button} from '~/components/form'
import useAccountRedirect from '~/hooks/useAccountRedirect'
-import {useSetUser} from '~/hooks/useUser'
export default function Login(){
- const setUser = useSetUser()
useAccountRedirect()
const setUser = useSetUser()
@@ -33,6 +31,7 @@ export default function Login(){
isEmail(value)} hint="Enter a valid email address" />
(value.length >= 8)} hint="Password must be at least 8 characters long" />
+
Forgot your password? Reset your password.
Need an account? Register here.
diff --git a/utils/email.js b/utils/email.js
new file mode 100644
index 0000000..6dab7d6
--- /dev/null
+++ b/utils/email.js
@@ -0,0 +1,35 @@
+const db = require('../db')
+const sendgrid = require('@sendgrid/mail')
+sendgrid.setApiKey(process.env.SENDGRID_KEY)
+
+const email = module.exports = {}
+
+email.sendAccountConfirmation = async user => {
+ const confirmUrl = await db.user.createLoginLink(user.uuid)
+
+ const msg = {
+ to: user.email,
+ from: {email: 'registration@email.societyofsocks.us', name: 'Society of Socks'},
+ templateId: 'd-33407f1dd1b14b7b84dd779511039c95',
+ dynamic_template_data: {
+ confirmUrl: confirmUrl
+ }
+ };
+
+ await sendgrid.send(msg);
+}
+
+email.sendPasswordReset = async user => {
+ const resetURL = await db.user.createPasswordReset(user.uuid)
+
+ const msg = {
+ to: user.email,
+ from: {email: 'accounts@email.societyofsocks.us', name: 'Society of Socks'},
+ templateId: 'd-90d751cfc8cd4047be39c994ff9d0f5c',
+ dynamic_template_data: {
+ resetPasswordURL: resetURL
+ }
+ }
+
+ await sendgrid.send(msg)
+}
\ No newline at end of file