From 3ab2c01595b12534b68064d673f1c50c96d3450c Mon Sep 17 00:00:00 2001
From: "HATEC\\SPVDEV001" <tri.susilo@altama.co.id>
Date: Mon, 3 Apr 2023 09:22:55 +0700
Subject: tnd

---
 src/core/components/elements/Popup/BottomPopup.jsx |  4 ++--
 src/lib/auth/components/RegisterDesktop.jsx        | 13 +++++++++++-
 src/lib/auth/components/RegisterMobile.jsx         | 24 ++++++++++++++++++++--
 src/lib/auth/hooks/useRegister.js                  |  5 ++++-
 4 files changed, 40 insertions(+), 6 deletions(-)

(limited to 'src')

diff --git a/src/core/components/elements/Popup/BottomPopup.jsx b/src/core/components/elements/Popup/BottomPopup.jsx
index 1276d6e0..1d65c7a3 100644
--- a/src/core/components/elements/Popup/BottomPopup.jsx
+++ b/src/core/components/elements/Popup/BottomPopup.jsx
@@ -35,7 +35,7 @@ const BottomPopup = ({ children, active = false, title, close }) => {
                 animate={{ bottom: 0 }}
                 exit={{ bottom: '-100%' }}
                 transition={transition}
-                className='fixed left-0 w-full border-t border-gray_r-6 rounded-t-xl z-[60] p-4 pt-0 bg-white'
+                className='fixed left-0 w-full border-t border-gray_r-6 rounded-t-xl z-[60] p-4 pt-0 bg-white max-h-[80vh] overflow-auto'
               >
                 <div className='flex justify-between py-4'>
                   <div className='font-semibold text-h-sm'>{title}</div>
@@ -53,7 +53,7 @@ const BottomPopup = ({ children, active = false, title, close }) => {
                 animate={{ bottom: '50%', opacity: 1 }}
                 exit={{ bottom: '45%', opacity: 0 }}
                 transition={transition}
-                className='fixed left-1/2 -translate-x-1/2 translate-y-1/2 md:w-1/4 lg:w-1/3 border border-gray_r-6 rounded-xl z-[60] p-4 pt-0 bg-white'
+                className='fixed left-1/2 -translate-x-1/2 translate-y-1/2 md:w-1/4 lg:w-1/3 border border-gray_r-6 rounded-xl z-[60] p-4 pt-0 bg-white max-h-[80vh] overflow-auto'
               >
                 <div className='flex justify-between py-4'>
                   <div className='font-semibold text-h-sm'>{title}</div>
diff --git a/src/lib/auth/components/RegisterDesktop.jsx b/src/lib/auth/components/RegisterDesktop.jsx
index 71cc29d8..5f0caf73 100644
--- a/src/lib/auth/components/RegisterDesktop.jsx
+++ b/src/lib/auth/components/RegisterDesktop.jsx
@@ -3,6 +3,7 @@ import useRegister from '../hooks/useRegister'
 import Link from '@/core/components/elements/Link/Link'
 import Alert from '@/core/components/elements/Alert/Alert'
 import PageContent from '@/lib/content/components/PageContent'
+import BottomPopup from '@/core/components/elements/Popup/BottomPopup'
 
 const RegisterDesktop = () => {
   const {
@@ -14,7 +15,9 @@ const RegisterDesktop = () => {
     companyNameRef,
     fullnameRef,
     emailRef,
-    passwordRef
+    passwordRef,
+    tnd,
+    setTnd
   } = useRegister()
 
   return (
@@ -86,6 +89,10 @@ const RegisterDesktop = () => {
                   placeholder='••••••••••••'
                 />
               </div>
+              <div class="flex items-center mt-4 ">
+                <input type="checkbox" id='sdk' className='form-input flex items-start w-fit mr-2' required />
+                <label onClick={() => setTnd(true)}  className='inline cursor-pointer text-red_r-10'>Syarat dan Ketentuan</label>
+              </div>
               <button
                 type='submit'
                 className='btn-yellow w-full mt-2'
@@ -95,6 +102,10 @@ const RegisterDesktop = () => {
               </button>
             </form>
 
+            <div>
+              <BottomPopup active={tnd} close={() => setTnd(false)}><PageContent path='/register#tnd'></PageContent></BottomPopup>
+            </div>
+
             <div className='text-gray_r-11 mt-10'>
               Sudah punya akun Indoteknik?{' '}
               <Link href='/login' className='inline'>
diff --git a/src/lib/auth/components/RegisterMobile.jsx b/src/lib/auth/components/RegisterMobile.jsx
index 007b127c..11935439 100644
--- a/src/lib/auth/components/RegisterMobile.jsx
+++ b/src/lib/auth/components/RegisterMobile.jsx
@@ -4,6 +4,8 @@ import Image from 'next/image'
 import Link from '@/core/components/elements/Link/Link'
 import useRegister from '../hooks/useRegister'
 import MobileView from '@/core/components/views/MobileView'
+import BottomPopup from '@/core/components/elements/Popup/BottomPopup'
+import PageContent from '@/lib/content/components/PageContent'
 
 const RegisterMobile = () => {
   const {
@@ -15,7 +17,9 @@ const RegisterMobile = () => {
     companyNameRef,
     fullnameRef,
     emailRef,
-    passwordRef
+    passwordRef,
+    tnd,
+    setTnd
   } = useRegister()
 
   return (
@@ -89,12 +93,28 @@ const RegisterMobile = () => {
               placeholder='••••••••••••'
             />
           </div>
-
+          <div class='flex items-center mt-4 '>
+            <input
+              type='checkbox'
+              id='sdk'
+              className='form-input flex items-start w-fit mr-2'
+              required
+            />
+            <label onClick={() => setTnd(true)} className='inline cursor-pointer text-red_r-10'>
+              Syarat dan Ketentuan
+            </label>
+          </div>
           <button type='submit' className='btn-yellow w-full mt-2' disabled={!isValid || isLoading}>
             {!isLoading ? 'Daftar' : 'Loading...'}
           </button>
         </form>
 
+        <div>
+          <BottomPopup active={tnd} close={() => setTnd(false)}>
+            <PageContent path='/register#tnd'></PageContent>
+          </BottomPopup>
+        </div>
+        
         <div className='text-gray_r-11 mt-4'>
           Sudah punya akun Indoteknik?{' '}
           <Link href='/login' className='inline'>
diff --git a/src/lib/auth/hooks/useRegister.js b/src/lib/auth/hooks/useRegister.js
index 7642a666..2375cf19 100644
--- a/src/lib/auth/hooks/useRegister.js
+++ b/src/lib/auth/hooks/useRegister.js
@@ -6,6 +6,7 @@ const useRegister = () => {
   const [isLoading, setIsLoading] = useState(false)
   const [alert, setAlert] = useState(null)
   const [isValid, setIsValid] = useState(false)
+  const [tnd, setTnd] = useState(false)
 
   const fullnameRef = useRef(null)
   const emailRef = useRef(null)
@@ -73,7 +74,9 @@ const useRegister = () => {
     companyNameRef,
     fullnameRef,
     emailRef,
-    passwordRef
+    passwordRef,
+    tnd,
+    setTnd
   }
 }
 
-- 
cgit v1.2.3


From ceaa64aa3273134fb9ffb851c4f23c468fa2519a Mon Sep 17 00:00:00 2001
From: "HATEC\\SPVDEV001" <tri.susilo@altama.co.id>
Date: Mon, 3 Apr 2023 09:58:23 +0700
Subject: setting mandatori di create and add address user

---
 src/lib/address/components/CreateAddress.jsx | 6 ++++--
 src/lib/address/components/EditAddress.jsx   | 6 ++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

(limited to 'src')

diff --git a/src/lib/address/components/CreateAddress.jsx b/src/lib/address/components/CreateAddress.jsx
index 475d8548..a4669ee0 100644
--- a/src/lib/address/components/CreateAddress.jsx
+++ b/src/lib/address/components/CreateAddress.jsx
@@ -182,6 +182,7 @@ const CreateAddress = () => {
                   <HookFormSelect {...props} options={districts} disabled={!watchCity} />
                 )}
               />
+               <div className='text-caption-2 text-red_r-11 mt-1'>{errors.district?.message}</div>
             </div>
 
             <div>
@@ -208,11 +209,12 @@ const CreateAddress = () => {
 const validationSchema = Yup.object().shape({
   type: Yup.string().required('Harus di-pilih'),
   name: Yup.string().min(3, 'Minimal 3 karakter').required('Harus di-isi'),
-  email: Yup.string().email('Format harus seperti contoh@email.com').required('Harus di-isi'),
+  // email: Yup.string().email('Format harus seperti contoh@email.com').required('Harus di-isi'),
   mobile: Yup.string().required('Harus di-isi'),
   street: Yup.string().required('Harus di-isi'),
   zip: Yup.string().required('Harus di-isi'),
-  city: Yup.string().required('Harus di-pilih')
+  city: Yup.string().required('Harus di-pilih'),
+  district: Yup.string().required('Harus di-pilih')
 })
 
 const defaultValues = {
diff --git a/src/lib/address/components/EditAddress.jsx b/src/lib/address/components/EditAddress.jsx
index d754cbd9..006ea407 100644
--- a/src/lib/address/components/EditAddress.jsx
+++ b/src/lib/address/components/EditAddress.jsx
@@ -197,6 +197,7 @@ const EditAddress = ({ id, defaultValues }) => {
                   <HookFormSelect {...props} options={districts} disabled={!watchCity} />
                 )}
               />
+               <div className='text-caption-2 text-red_r-11 mt-1'>{errors.district?.message}</div>
             </div>
 
             <div>
@@ -222,11 +223,12 @@ const EditAddress = ({ id, defaultValues }) => {
 const validationSchema = Yup.object().shape({
   type: Yup.string().required('Harus di-pilih'),
   name: Yup.string().min(3, 'Minimal 3 karakter').required('Harus di-isi'),
-  email: Yup.string().email('Format harus seperti johndoe@example.com').required('Harus di-isi'),
+  // email: Yup.string().email('Format harus seperti johndoe@example.com').required('Harus di-isi'),
   mobile: Yup.string().required('Harus di-isi'),
   street: Yup.string().required('Harus di-isi'),
   zip: Yup.string().required('Harus di-isi'),
-  city: Yup.string().required('Harus di-pilih')
+  city: Yup.string().required('Harus di-pilih'),
+  district: Yup.string().required('Harus di-pilih')
 })
 
 const types = [
-- 
cgit v1.2.3