semi dynamic page

1 files changed, 9 insertions, 2 deletions

diff --git a/src/lib/auth/components/RegisterMobile.jsx b/src/lib/auth/components/RegisterMobile.jsx
index f5c818e7..80ea6ab0 100644
--- a/src/lib/auth/components/RegisterMobile.jsx
+++ b/src/lib/auth/components/RegisterMobile.jsx
@@ -6,6 +6,7 @@ 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'
+import ReCAPTCHA from 'react-google-recaptcha'
 
 const RegisterMobile = () => {
   const {
@@ -18,6 +19,7 @@ const RegisterMobile = () => {
     fullnameRef,
     emailRef,
     passwordRef,
+    recaptchaRef,
     tnd,
     setTnd
   } = useRegister()
@@ -93,6 +95,7 @@ const RegisterMobile = () => {
               placeholder='••••••••••••'
             />
           </div>
+          <ReCAPTCHA ref={recaptchaRef} sitekey={process.env.NEXT_PUBLIC_RECAPTCHA_GOOGLE} />
           <div class='flex items-center mt-4 '>
             <input
               type='checkbox'
@@ -100,8 +103,12 @@ const RegisterMobile = () => {
               className='form-input flex items-start w-fit mr-2'
               required
             />
-            <label onClick={() => setTnd(true)} className='inline cursor-pointer text-danger-500'>
-              Syarat dan Ketentuan
+            <label className='inline'>
+              Dengan ini saya menyetujui{' '}
+              <span onClick={() => setTnd(true)} className='cursor-pointer text-danger-500'>
+                syarat dan ketentuan
+              </span>{' '}
+              yang berlaku
             </label>
           </div>
           <button type='submit' className='btn-yellow w-full mt-2' disabled={!isValid || isLoading}>