forgot password

2 files changed, 68 insertions, 4 deletions

diff --git a/src/pages/api/shop/search.js b/src/pages/api/shop/search.js
index e174b06f..7be8b2c0 100644
--- a/src/pages/api/shop/search.js
+++ b/src/pages/api/shop/search.js
@@ -69,8 +69,8 @@ export default async function handler(req, res) {
   let limit = 30
   let offset = (page - 1) * limit
   let parameter = [
-    'facet.field=manufacture_name_s',
-    'facet.field=category_name_s',
+    'facet.field=manufacture_name',
+    'facet.field=category_name',
     'facet=true',
     'indent=true',
     `facet.query=${q}`,
@@ -82,8 +82,8 @@ export default async function handler(req, res) {
     `fq=price_discount_f:[${priceFrom == '' ? '*' : priceFrom} TO ${priceTo == '' ? '*' : priceTo}]`
   ]
 
-  if (brand) parameter.push(`fq=manufacture_name_s:${brand}`)
-  if (category) parameter.push(`fq=category_name_s:${category}`)
+  if (brand) parameter.push(`fq=manufacture_name:${brand}`)
+  if (category) parameter.push(`fq=category_name:${category}`)
 
   // Single fq in url params
   if (typeof fq === 'string') parameter.push(`fq=${fq}`)
diff --git a/src/pages/forgot-password.jsx b/src/pages/forgot-password.jsx
new file mode 100644
index 00000000..eb5c5185
--- /dev/null
+++ b/src/pages/forgot-password.jsx
@@ -0,0 +1,64 @@
+import Alert from '@/core/components/elements/Alert/Alert'
+import SimpleFooter from '@/core/components/elements/Footer/SimpleFooter'
+import Link from '@/core/components/elements/Link/Link'
+import BasicLayout from '@/core/components/layouts/BasicLayout'
+import MobileView from '@/core/components/views/MobileView'
+import IndoteknikLogo from '@/images/logo.png'
+import Image from 'next/image'
+import { useRouter } from 'next/router'
+import { useState } from 'react'
+
+export default function ForgotPassword() {
+  const router = useRouter()
+  const { token } = router.query
+
+  const [isLoading, setIsLoading] = useState(false)
+  const [alert, setAlert] = useState()
+
+  const [email, setEmail] = useState(router.query?.email || '')
+
+  const forgotPasswordRequest = () => {}
+
+  return (
+    <>
+      <MobileView>
+        <div className='p-6 pt-10 flex flex-col items-center min-h-screen'>
+          <Link href='/'>
+            <Image src={IndoteknikLogo} alt='Logo Indoteknik' width={150} height={50} />
+          </Link>
+
+          <h1 className='text-2xl mt-4 font-semibold text-center'>
+            Lupa Kata Sandi Akun Indoteknik
+          </h1>
+
+          {alert && (
+            <Alert className='text-center mt-4' type={alert.type}>
+              {alert.children}
+            </Alert>
+          )}
+
+          <form onSubmit={forgotPasswordRequest} className='mt-6 w-full'>
+            <input
+              type='email'
+              id='email'
+              className='form-input w-full text-center'
+              value={email}
+              onChange={(e) => setEmail(e.target.value)}
+              placeholder='Masukan alamat email'
+              autoFocus
+            />
+            <button
+              type='submit'
+              disabled={email != ''}
+              className='btn-yellow font-semibold mt-4 w-full'
+            >
+              {isLoading ? 'Loading...' : 'Kirim Permintaan'}
+            </button>
+          </form>
+        </div>
+
+        <SimpleFooter />
+      </MobileView>
+    </>
+  )
+}