From 055e4d779151cd0cbad380043e4be38cca8b1c7a Mon Sep 17 00:00:00 2001
From: it-fixcomart <it@fixcomart.co.id>
Date: Mon, 9 Sep 2024 16:41:39 +0700
Subject: <iman> update mobile view

---
 src-migrate/modules/register/components/FormBisnis.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

(limited to 'src-migrate')

diff --git a/src-migrate/modules/register/components/FormBisnis.tsx b/src-migrate/modules/register/components/FormBisnis.tsx
index fb9f6484..1004d944 100644
--- a/src-migrate/modules/register/components/FormBisnis.tsx
+++ b/src-migrate/modules/register/components/FormBisnis.tsx
@@ -16,7 +16,7 @@ import {
 } from '@heroicons/react/24/outline';
 import BottomPopup from '@/core/components/elements/Popup/BottomPopup';
 import Image from 'next/image'
-
+import useDevice from '@/core/hooks/useDevice'
 interface FormProps {
   type: string;
   required: boolean;
@@ -45,6 +45,7 @@ const form: React.FC<FormProps> = ({ type, required, isPKP }) => {
   const [selectedCategory, setSelectedCategory] = useState<string>('');
   const [isChekBox, setIsChekBox] = useState<boolean>(false);
   const [isExample, setIsExample] = useState<boolean>(false);
+  const { isDesktop, isMobile } = useDevice()
   // Inside your component
   const [formattedNpwp, setFormattedNpwp] = useState<string>(""); // State for formatted NPWP
   const [unformattedNpwp, setUnformattedNpwp] = useState<string>(""); // State for unformatted NPWP
@@ -426,8 +427,10 @@ const form: React.FC<FormProps> = ({ type, required, isPKP }) => {
             Nomor SPPKP { !required && <span className='ml-2 font-normal text-gray_r-11'>(opsional) </span>}
           </div>
               {<div onClick={() => setIsExample(!isExample)} className="rounded text-white p-2 flex flex-row bg-red-500 hover:cursor-pointer hover:bg-red-400" >
-                <EyeIcon className='w-4 mr-2' />
+                <EyeIcon className={`w-4 ${isDesktop && 'mr-2'}`} />
+                {isDesktop &&
                 <p className="font-light text-xs">Lihat Contoh</p> 
+                }
               </div>}
           </label>
 
-- 
cgit v1.2.3