diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/lib/pengajuan-tempo/component/FinishTempo.jsx | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/src/lib/pengajuan-tempo/component/FinishTempo.jsx b/src/lib/pengajuan-tempo/component/FinishTempo.jsx index aacb9ef3..84c80e60 100644 --- a/src/lib/pengajuan-tempo/component/FinishTempo.jsx +++ b/src/lib/pengajuan-tempo/component/FinishTempo.jsx @@ -111,6 +111,26 @@ const FinishTempo = ({ query }) => { : 'Kembali Ke Beranda'} <ChevronRightIcon className='w-5' /> </Link> + {/* Video panduan khusus tampil saat status switch-account */} + {query?.status === 'switch-account' && ( + <div className="mt-6 w-full max-w-3xl mx-auto px-4 text-center text-gray-700 mb-6 md:mb-20"> + <div className="mb-3 font-medium"> + <p>Agar tidak bingung saat mengubah akun,</p> + <p>Yuk pelajari dulu langkah-langkah pengajuan tempo lewat video berikut</p> + </div> + <div className="relative" style={{ paddingTop: '56.25%' /* 16:9 aspect ratio */ }}> + <iframe + src="https://www.youtube.com/embed/m15f8-eLqUc?si=frNbGnJu1zjINnDT" + title="YouTube video player" + frameBorder="0" + allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" + allowFullScreen + referrerPolicy="strict-origin-when-cross-origin" + className="absolute top-0 left-0 w-full h-full rounded-md shadow-lg" + ></iframe> + </div> + </div> + )} </div> ); }; |