humas
/
web-humas-fe
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: berita wilayah

This commit is contained in:
amd123 2024-03-12 11:44:06 +07:00
parent da42a3f8c4
commit 0a3f27d21f
4 changed files with 117 additions and 135 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

209
components/Landing Page/RegionalNews.tsx
View File

@ -8,7 +8,7 @@ import Link from 'next/link';
export default function RegionalNews() {
const [limitedData, setLimitedData] = useState<any>([]);
const { isOpen, onOpen, onOpenChange } = useDisclosure();
const [scrollBehavior, setScrollBehavior] = React.useState<ModalProps["scrollBehavior"]>("outside");
const [scrollBehavior, setScrollBehavior] = React.useState<ModalProps["scrollBehavior"]>("inside");
const [modalPlacement, setModalPlacement] = React.useState<any>("auto");
const listPolda = [
@ -47,208 +47,221 @@ export default function RegionalNews() {
const listPoldaAll = [
{
id: 1,
img: "/temp/poldametro.svg",
img: "/assets/polda/polda-metro.svg",
title: "Polda Metro Jaya",
path: '/news/polda-metro-jaya'
},
{
id: 2,
img: "/temp/polda-sumut.svg",
title: "Polda Sumatra Utara",
path: '/news/polda-sumatra-utara'
img: "/assets/polda/polda-jabar.svg",
title: "Polda Jawa Barat",
path: '/news/polda-jawa-barat'
},
{
id: 3,
img: "/temp/polda-banten.svg",
img: "/assets/polda/polda-banten.svg",
title: "Polda Banten",
path: '/news/polda-banten'
},
{
id: 4,
img: "/temp/polda-jateng.svg",
img: "/assets/polda/polda-jateng.svg",
title: "Polda Jawa Tengah",
path: '/news/polda-jateng'
},
{
id: 5,
img: "/temp/polda-jatim.svg",
title: "Polda Jawa Timur",
path: 'news/polda-jatim'
img: "/assets/polda/polda-diy.svg",
title: "Polda D.I Yogyakarta",
path: '/news/polda-daerah-istimewa-yogyakarta'
},
{
id: 6,
img: "/temp/polda-jatim.svg",
img: "/assets/polda/polda-jatim.svg",
title: "Polda Jawa Timur",
path: 'news/polda-jatim'
path: '/news/polda-jawa-timur'
},
{
id: 7,
img: "/temp/polda-jatim.svg",
title: "Polda Jawa Timur",
path: 'news/polda-jatim'
img: "/assets/polda/polda-aceh.svg",
title: "Polda Aceh",
path: '/news/polda-aceh'
},
{
id: 8,
img: "/temp/polda-jatim.svg",
title: "Polda Jawa Timur",
path: 'news/polda-jatim'
img: "/assets/polda/polda-sumut.svg",
title: "Polda Sumatra Utara",
path: '/news/polda-sumatra-utara'
},
{
id: 9,
img: "/temp/polda-jatim.svg",
title: "Polda Jawa Timur",
path: 'news/polda-jatim'
img: "/assets/polda/polda-sumbar.svg",
title: "Polda Sumatra Barat",
path: '/news/polda-sumatra-barat'
},
{
id: 10,
img: "/temp/polda-jatim.svg",
title: "Polda Jawa Timur",
path: 'news/polda-jatim'
img: "/assets/polda/polda-riau.svg",
title: "Polda Riau",
path: '/news/polda-riau'
},
{
id: 11,
img: "/temp/polda-jatim.svg",
title: "Polda Jawa Timur",
path: 'news/polda-jatim'
img: "/assets/polda/polda-kepri.svg",
title: "Polda Kep.Riau",
path: '/news/polda-kepulauan-riau'
},
{
id: 12,
img: "/temp/polda-jatim.svg",
title: "Polda Jawa Timur",
path: 'news/polda-jatim'
img: "/assets/polda/polda-jambi.svg",
title: "Polda Jambi",
path: '/news/polda-jambi'
},
{
id: 13,
img: "/temp/polda-jatim.svg",
title: "Polda Jawa Timur",
path: 'news/polda-jatim'
img: "/assets/polda/polda-jambi.svg",
title: "Polda Jambi",
path: '/news/polda-jambi'
},
{
id: 14,
img: "/temp/polda-jatim.svg",
title: "Polda Jawa Timur",
path: 'news/polda-jatim'
img: "/assets/polda/polda-sumsel.svg",
title: "Polda Sumatra Selatan",
path: '/news/polda-sumatra-selatan'
},
{
id: 15,
img: "/temp/polda-jatim.svg",
title: "Polda Jawa Timur",
path: 'news/polda-jatim'
img: "/assets/polda/polda-sumsel.svg",
title: "Polda Kep.Bangka Belitung",
path: '/news/polda-bangka-belitung'
},
{
id: 16,
img: "/temp/polda-jatim.svg",
title: "Polda Jawa Timur",
path: 'news/polda-jatim'
img: "/assets/polda/polda-bengkulu.svg",
title: "Polda Bengkulu",
path: '/news/polda-bengkulu'
},
{
id: 17,
img: "/temp/polda-jatim.svg",
title: "Polda Jawa Timur",
path: 'news/polda-jatim'
img: "/assets/polda/polda-lampung.svg",
title: "Polda Lampung",
path: '/news/polda-lampung'
},
{
id: 18,
img: "/temp/polda-jatim.svg",
title: "Polda Jawa Timur",
path: 'news/polda-jatim'
img: "/assets/polda/polda-ntb.svg",
title: "Polda Nusa Tenggara Barat",
path: '/news/polda-ntb'
},
{
id: 19,
img: "/temp/polda-jatim.svg",
title: "Polda Jawa Timur",
path: 'news/polda-jatim'
img: "/assets/polda/polda-ntb.svg",
title: "Polda Nusa Tenggara Barat",
path: '/news/polda-ntb'
},
{
id: 20,
img: "/temp/polda-jatim.svg",
title: "Polda Jawa Timur",
path: 'news/polda-jatim'
img: "/assets/polda/polda-ntt.svg",
title: "Polda Nusa Tenggara Timur",
path: '/news/polda-ntt'
},
{
id: 21,
img: "/temp/polda-jatim.svg",
title: "Polda Jawa Timur",
path: 'news/polda-jatim'
img: "/assets/polda/polda-bali.svg",
title: "Polda Bali",
path: '/news/polda-bali'
},
{
id: 22,
img: "/temp/polda-jatim.svg",
title: "Polda Jawa Timur",
path: 'news/polda-jatim'
img: "/assets/polda/polda-kalbar.svg",
title: "Polda Kalimantan Barat",
path: '/news/polda-kalimantan-barat'
},
{
id: 23,
img: "/temp/polda-jatim.svg",
title: "Polda Jawa Timur",
path: 'news/polda-jatim'
img: "/assets/polda/polda-kalteng.svg",
title: "Polda Kalimantan Tengah",
path: '/news/polda-kalimantan-tengah'
},
{
id: 24,
img: "/temp/polda-jatim.svg",
title: "Polda Jawa Timur",
path: 'news/polda-jatim'
img: "/assets/polda/polda-kalsel.svg",
title: "Polda Kalimantan Selatan",
path: '/news/polda-kalimantan-selatan'
},
{
id: 25,
img: "/temp/polda-jatim.svg",
title: "Polda Jawa Timur",
path: 'news/polda-jatim'
img: "/assets/polda/polda-kaltim.svg",
title: "Polda Kalimantan Timur",
path: '/news/polda-kalimantan-timur'
},
{
id: 26,
img: "/temp/polda-jatim.svg",
title: "Polda Jawa Timur",
path: 'news/polda-jatim'
img: "/assets/polda/polda-kalut.svg",
title: "Polda Kalimantan Utara",
path: '/news/polda-kalimantan-utara'
},
{
id: 27,
img: "/temp/polda-jatim.svg",
title: "Polda Jawa Timur",
path: 'news/polda-jatim'
img: "/assets/polda/polda-sulteng.svg",
title: "Polda Sulawesi Tengah",
path: '/news/polda-sulawesi-tengah'
},
{
id: 28,
img: "/temp/polda-jatim.svg",
title: "Polda Jawa Timur",
path: 'news/polda-jatim'
img: "/assets/polda/polda-sulut.svg",
title: "Polda Sulawesi Utara",
path: '/news/polda-sulawesi-utara'
},
{
id: 29,
img: "/temp/polda-jatim.svg",
title: "Polda Jawa Timur",
path: 'news/polda-jatim'
img: "/assets/polda/polda-gorontalo.svg",
title: "Polda Gorontalo",
path: '/news/polda-gorontalo'
},
{
id: 30,
img: "/temp/polda-jatim.svg",
title: "Polda Jawa Timur",
path: 'news/polda-jatim'
img: "/assets/polda/polda-sulbar.svg",
title: "Polda Sulawesi Barat",
path: '/news/polda-sulawesi-barat'
},
{
id: 31,
img: "/temp/polda-jatim.svg",
title: "Polda Jawa Timur",
path: 'news/polda-jatim'
img: "/assets/polda/polda-sulsel.svg",
title: "Polda Sulawesi Selatan",
path: '/news/polda-sulawesi-selatan'
},
{
id: 32,
img: "/temp/polda-jatim.svg",
title: "Polda Jawa Timur",
path: 'news/polda-jatim'
img: "/assets/polda/polda-sultenggara.svg",
title: "Polda Sulawesi Tenggara",
path: '/news/polda-sulawesi-tenggara'
},
{
id: 33,
img: "/temp/polda-jatim.svg",
title: "Polda Jawa Timur",
path: 'news/polda-jatim'
img: "/assets/polda/polda-malut.svg",
title: "Polda Maluku Utara",
path: '/news/polda-maluku-utara'
},
{
id: 34,
img: "/temp/polda-jatim.svg",
title: "Polda Jawa Timur",
path: 'news/polda-jatim'
img: "/assets/polda/polda-maluku.svg",
title: "Polda Maluku",
path: '/news/polda-maluku'
},
{
id: 35,
img: "/assets/polda/polda-papuabarat.svg",
title: "Polda Papua Barat",
path: '/news/polda-papua-barat'
},
{
id: 36,
img: "/assets/polda/polda-papua.svg",
title: "Polda Papua",
path: '/news/polda-papua'
},
];
// useEffect(() => {
@ -303,7 +316,7 @@ export default function RegionalNews() {
scrollBehavior={scrollBehavior}
placement={modalPlacement}
classNames={{
wrapper: "h-full bg-white",
wrapper: "bg-white",
base: "bg-white min-h-full",
// body: "w-full bg-white",
// footer: "bg-white"
@ -313,7 +326,7 @@ export default function RegionalNews() {
{(onClose) => (
<>
<ModalHeader className="flex flex-col text-[#DD8306] items-center min-h mb- text-3xl font-semibold">Berita Wilayah</ModalHeader>
<ModalBody className='flex flex-row flex-wrap justify-center'>
<ModalBody className='flex flex-row flex-wrap justify-center text-center'>
{listPoldaAll.map((item: any, index: any) => (
<Link href={item.path}>
<div key={index.id} className='w-[140px] h-[115px] flex flex-col items-center justify-evenly border-2 rounded-lg shadow-sm'>

2
components/Portal PPID/FooterPPID.tsx
View File

@ -5,7 +5,7 @@ import { FbIcon, Hotline, IgIcon, Location, Mail, TtIcon, TwIcon, WorldIcon, YtI
export default function FooterPPID() {
return (
<>
<div className='w-full bg-[#1F1A17] flex flex-col md:grid md:grid-cols-3 lg:grid-cols-4 gap-0 md:gap-3 lg:gap-7 p-2 lg:p-16 text-sm'>
<div id='footer-ppid' className='scroll-auto w-full bg-[#1F1A17] flex flex-col md:grid md:grid-cols-3 lg:grid-cols-4 gap-0 md:gap-3 lg:gap-7 p-2 lg:p-16 text-sm'>
<div className=' flex-col hidden lg:block'>
<img src="/e-ppid.png" alt="logo" />
</div>

37
components/navbar/NavbarHumas.tsx
View File

@ -55,38 +55,6 @@ export default function NavbarHumas() {
<Link href={'/'}>
<div>Beranda</div>
</Link>
<div className=''>
<Dropdown>
<DropdownTrigger>
<Button
>
Open Menu
</Button>
</DropdownTrigger>
<DropdownMenu aria-label="Static Actions" className='w-full'
classNames={{
base: "w-full",
emptyContent: "w-full",
list: "w-full"
}}
itemClasses={{
base: "w-full",
wrapper: "w-full",
title: "border-2 w-full"
}}
>
<DropdownItem classNames={{
base: "w-screen"
}} key="new">New file</DropdownItem>
<DropdownItem key="copy">Copy link</DropdownItem>
<DropdownItem key="edit">Edit file</DropdownItem>
<DropdownItem key="delete" className="text-danger" color="danger">
Delete file
</DropdownItem>
</DropdownMenu>
</Dropdown>
</div>
<div>
<Dropdown className=' dark:bg-[#1F1A17]'>
<NavbarItem>
@ -117,10 +85,11 @@ export default function NavbarHumas() {
}}
>
<DropdownItem
endContent={<ChevronRightWhite />}
// endContent={<ChevronRightWhite />}
>
<Link href='/tentang-humas-polri'>
<Link href='/tentang-humas-polri' className='flex justify-between'>
Tentang Humas POLRI
<ChevronRightWhite />
</Link>
</DropdownItem>
<DropdownItem

4
components/navbar/NavbarPPID.tsx
View File

@ -26,7 +26,7 @@ export default function NavbarPPID() {
<div ><IdnIcon /></div>
</div>
<div className='flex flex-wrap items-center justify-around'>
<NavbarItem>
<NavbarItem className='scroll-smooth'>
<Link href='/portal-ppid' color='foreground'>
Beranda
</Link>
@ -303,7 +303,7 @@ export default function NavbarPPID() {
</Link>
</NavbarItem>
<NavbarItem>
<Link href='/portal-ppid' color='foreground'>
<Link href='#footer-ppid' color='foreground'>
Kontak
</Link>
</NavbarItem>