From 1a436a504e3ecafedab6035ac6eb9eb0b9a619d3 Mon Sep 17 00:00:00 2001
From: it-fixcomart <it@fixcomart.co.id>
Date: Thu, 29 Aug 2024 17:13:23 +0700
Subject: <iman> update new register

---
 src-migrate/modules/register/components/FormBisnis.tsx | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

(limited to 'src-migrate/modules/register/components/FormBisnis.tsx')

diff --git a/src-migrate/modules/register/components/FormBisnis.tsx b/src-migrate/modules/register/components/FormBisnis.tsx
index b976072c..a278097b 100644
--- a/src-migrate/modules/register/components/FormBisnis.tsx
+++ b/src-migrate/modules/register/components/FormBisnis.tsx
@@ -4,13 +4,16 @@ import { useRegisterStore } from "../stores/useRegisterStore";
 import { RegisterProps } from "~/types/auth";
 import { registerUser } from "~/services/auth";
 import { useRouter } from "next/router";
-import { Checkbox, UseToastOptions, color, useToast } from "@chakra-ui/react";
+import { Button, Checkbox, UseToastOptions, color, useToast } from "@chakra-ui/react";
 import Link from "next/link";
 import getFileBase64 from '@/core/utils/getFileBase64'
 import { Controller, useForm } from 'react-hook-form'
 import HookFormSelect from '@/core/components/elements/Select/HookFormSelect'
 import odooApi from "~/libs/odooApi";
 import { toast } from 'react-hot-toast';
+import {
+  EyeIcon
+} from '@heroicons/react/24/outline';
 
 interface FormProps {
   type: string;
@@ -344,7 +347,14 @@ const form: React.FC<FormProps> = ({ type, required, isPKP }) => {
       </div>
 
       <div>
-        <label htmlFor='sppkp' className="font-bold">Nomor SPPKP { !required && <span className='font-normal text-gray_r-11'>(opsional)</span>}</label>
+        <label htmlFor='sppkp' className="font-bold flex flex-row items-center justify-between">
+            Nomor SPPKP { !required && <span className='font-normal text-gray_r-11'>(opsional) </span>}
+              {<button className="rounded text-white p-2 flex flex-row bg-red-500" >
+                <EyeIcon className='w-4 mr-2' />
+                <p className="font-light text-xs">Lihat Contoh</p> 
+              </button>}
+          </label>
+
 
         <input
           type='tel'
@@ -352,9 +362,10 @@ const form: React.FC<FormProps> = ({ type, required, isPKP }) => {
           name='sppkp'
           className={`form-input mt-3 ${required ? 'cursor-no-drop' : ''}`}
           disabled={required}
-          contentEditable={required}
+          contentEditable={required}S
           readOnly={required}
           placeholder='000.000.000.0-000.000'
+          onChange={handleInputChange}
           value={!required ? form.sppkp : ''}
           aria-invalid={!required && !!errors.sppkp}
         />
-- 
cgit v1.2.3

