94 lines
5.9 KiB
TypeScript
94 lines
5.9 KiB
TypeScript
import { ScrollShadow } from '@nextui-org/react'
|
|
import React from 'react'
|
|
import { EyeIcon } from '../icons'
|
|
|
|
export default function PPIDSidebar() {
|
|
return (
|
|
<div className='bg-white text-black p-1 md:p-2 lg:p-4 space-y-4'>
|
|
<div>Form Regis</div>
|
|
<div>
|
|
<div className='text-lg font-bold border-5 border-blue-950 rounded-tr-lg rounded-tl-lg'>
|
|
<img src="/gprheader.png" alt="gpr" className='w-full' />
|
|
</div>
|
|
<div className='overflow-y-scroll h-[343px] border-5 border-blue-950 text-black'>
|
|
<div className='text-xs text-left m-2 p-2 bg-[#FFFFFF] rounded-md border-dashed border-2 border-sky-500'>
|
|
<p>Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari</p>
|
|
<p className='py-[2px]'>21-07-2023 13:50</p>
|
|
<p className='flex items-center gap-1'><EyeIcon />82</p>
|
|
</div>
|
|
<div className='text-xs text-left m-2 p-2 bg-[#FFFFFF] rounded-md border-dashed border-2 border-sky-500'>
|
|
<p>Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari</p>
|
|
<p className='py-[2px]'>21-07-2023 13:50</p>
|
|
<p className='flex items-center gap-1'><EyeIcon />82</p>
|
|
</div>
|
|
<div className='text-xs text-left m-2 p-2 bg-[#FFFFFF] rounded-md border-dashed border-2 border-sky-500'>
|
|
<p>Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari</p>
|
|
<p className='py-[2px]'>21-07-2023 13:50</p>
|
|
<p className='flex items-center gap-1'><EyeIcon />82</p>
|
|
</div>
|
|
<div className='text-xs text-left m-2 p-2 bg-[#FFFFFF] rounded-md border-dashed border-2 border-sky-500'>
|
|
<p>Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari</p>
|
|
<p className='py-[2px]'>21-07-2023 13:50</p>
|
|
<p className='flex items-center gap-1'><EyeIcon />82</p>
|
|
</div>
|
|
</div>
|
|
<div className=' border-5 border-blue-950 rounded-bl-lg rounded-br-lg'>
|
|
<img src="/gprfooter.png" alt="gpr" className='w-full' />
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div className='text-xl font-semibold underline underline-offset-4 decoration-red-600 pb-3'>
|
|
Media Update
|
|
</div>
|
|
<div className='h-[360px] p-2 bg-[#020101] text-white rounded-md border-2 border-white'>
|
|
<ScrollShadow hideScrollBar className=" h-[343px]">
|
|
<div className='text-xs text-left m-2 p-2 bg-[#1E1616] rounded-md'>
|
|
<p>Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari</p>
|
|
<p className='py-[2px]'>21-07-2023 13:50</p>
|
|
<p className='flex items-center gap-1'><EyeIcon />82</p>
|
|
</div>
|
|
<div className='text-xs text-left m-2 p-2 bg-[#1E1616] rounded-md'>
|
|
<p>Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari</p>
|
|
<p className='py-[2px]'>21-07-2023 13:50</p>
|
|
<p className='flex items-center gap-1'><EyeIcon />82</p>
|
|
</div>
|
|
<div className='text-xs text-left m-2 p-2 bg-[#1E1616] rounded-md'>
|
|
<p>Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari</p>
|
|
<p className='py-[2px]'>21-07-2023 13:50</p>
|
|
<p className='flex items-center gap-1'><EyeIcon />82</p>
|
|
</div>
|
|
<div className='text-xs text-left m-2 p-2 bg-[#1E1616] rounded-md'>
|
|
<p>Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari</p>
|
|
<p className='py-[2px]'>21-07-2023 13:50</p>
|
|
<p className='flex items-center gap-1'><EyeIcon />82</p>
|
|
</div>
|
|
</ScrollShadow>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div className='text-xl font-semibold underline underline-offset-4 decoration-red-600'>Publikasi
|
|
<div className='flex flex-col gap-3 pt-3'>
|
|
<img src="/publikasi1.png" alt="publikasi" />
|
|
<img src="/publikasi2.png" alt="publikasi" />
|
|
<img src="/publikasi3.png" alt="publikasi" />
|
|
<img src="/publikasi4.png" alt="publikasi" />
|
|
<img src="/publikasi5.png" alt="publikasi" />
|
|
<img src="/publikasi6.png" alt="publikasi" />
|
|
<img src="/publikasi7.png" alt="publikasi" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div className='text-xl font-semibold underline underline-offset-4 decoration-red-600'>Channel Humas Polri
|
|
<div className='flex flex-col gap-3 m-10'>
|
|
<img src="/humas1.png" alt="humas-polri" />
|
|
<img src="/humas2.png" alt="humas-polri" />
|
|
<img src="/humas3.png" alt="humas-polri" />
|
|
<img src="/humas4.png" alt="humas-polri" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|