diff options
| author | it-fixcomart <it@fixcomart.co.id> | 2024-09-09 16:41:39 +0700 |
|---|---|---|
| committer | it-fixcomart <it@fixcomart.co.id> | 2024-09-09 16:41:39 +0700 |
| commit | 055e4d779151cd0cbad380043e4be38cca8b1c7a (patch) | |
| tree | bd277466d31906fb5f6f5828282211d60f8b8832 /src-migrate/modules/register/components | |
| parent | 383adf9edeed30db9f5df8e9ed4752cd513f49a5 (diff) | |
<iman> update mobile view
Diffstat (limited to 'src-migrate/modules/register/components')
| -rw-r--r-- | src-migrate/modules/register/components/FormBisnis.tsx | 7 |
1 files changed, 5 insertions, 2 deletions
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> |