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

fix: e magazine

This commit is contained in:
amd123 2024-03-04 16:34:00 +07:00
parent ef39159af4
commit f9195a833b
3 changed files with 14 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/Landing Page/ENewsPolri.tsx
View File

@ -27,19 +27,19 @@ export default function ENewsPolri() {
]; ];
return ( return (
<div className='bg-[#1F1A17] text-center rounded-none md:rounded-lg h-auto lg:h-[338px] space-y-5 flex py-4 flex-col justify-center items-center'> <div className='bg-[#1F1A17] text-center rounded-none md:rounded-lg h-auto lg:h-[338px] flex py-4 flex-col justify-between items-center'>
<p className='text-white font-bold text-2xl underline underline-offset-4 decoration-red-600'>E-Majalah Polri</p> <p className='text-white font-bold text-2xl underline underline-offset-4 decoration-red-600'>E-Majalah Polri</p>
<div className='flex flex-row w-full items-center justify-between'> <div className='flex flex-row w-full items-center justify-around'>
<ChevronLeftWhite /> <ChevronLeftWhite />
<div className='lg:flex space-y-4 lg:space-y-0 gap-1 md:gap-2 lg:gap-8'> <div className='lg:flex space-y-2 lg:space-y-0 gap-1 md:gap-2 lg:gap-8'>
{eNews.map((data: any) => ( {eNews.map((data: any) => (
<div key={data.id} className='h-auto md:h-[200px] w-[274px]'> <div key={data.id} className=' w-[274px]'>
<Link href={`/e-majalah-polri/detail/${data.id}`}> <Link href={`/e-majalah-polri/detail/${data.id}`}>
<Card className='text-white' <Card className='text-white'
isFooterBlurred isFooterBlurred
> >
<Image <Image
alt="Woman listing to music" alt="e-news"
className="object-cover h-full" className="object-cover h-full"
height={100} height={100}
src={data.img} src={data.img}

4
components/detail/E-MagazineDetail.tsx
View File

@ -10,8 +10,8 @@ export default function EMagazineDetail() {
<div className='font-bold text-xl'>E-Majalah Polri</div> <div className='font-bold text-xl'>E-Majalah Polri</div>
<div className="pt-2"> <div className="pt-2">
<Breadcrumbs color='primary'> <Breadcrumbs color='primary'>
<BreadcrumbItem>Beranda</BreadcrumbItem> <BreadcrumbItem href='/'>Beranda</BreadcrumbItem>
<BreadcrumbItem>E-Majalah Polri</BreadcrumbItem> <BreadcrumbItem href='/e-majalah-polri/daftar-majalah'>E-Majalah Polri</BreadcrumbItem>
<BreadcrumbItem>Judul</BreadcrumbItem> <BreadcrumbItem>Judul</BreadcrumbItem>
</Breadcrumbs> </Breadcrumbs>
</div> </div>

13
components/table/tabel-emajalah-polri.tsx
View File

@ -2,6 +2,7 @@
import { BreadcrumbItem, Breadcrumbs, Button, Input, Select, SelectItem, SelectSection, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow, getKeyValue } from "@nextui-org/react"; import { BreadcrumbItem, Breadcrumbs, Button, Input, Select, SelectItem, SelectSection, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow, getKeyValue } from "@nextui-org/react";
import PPIDSidebar from '../Portal PPID/PPIDSidebar'; import PPIDSidebar from '../Portal PPID/PPIDSidebar';
import { Checklist, EyeFilledIcon, EyeIcon, SearchIcon } from '../icons'; import { Checklist, EyeFilledIcon, EyeIcon, SearchIcon } from '../icons';
import Link from "next/link";
export default function ListEnewsPolri() { export default function ListEnewsPolri() {
@ -76,7 +77,7 @@ export default function ListEnewsPolri() {
<div className='font-bold text-xl'>E-Majalah Polri</div> <div className='font-bold text-xl'>E-Majalah Polri</div>
<div className="pt-2"> <div className="pt-2">
<Breadcrumbs color='primary'> <Breadcrumbs color='primary'>
<BreadcrumbItem>Beranda</BreadcrumbItem> <BreadcrumbItem href="/">Beranda</BreadcrumbItem>
<BreadcrumbItem>E-Majalah Polri</BreadcrumbItem> <BreadcrumbItem>E-Majalah Polri</BreadcrumbItem>
</Breadcrumbs> </Breadcrumbs>
</div> </div>
@ -164,8 +165,11 @@ export default function ListEnewsPolri() {
</TableHeader> </TableHeader>
<TableBody items={tableData}> <TableBody items={tableData}>
{(item) => ( {(item) => (
<TableRow key={item.key}> <TableRow key={item.key} >
{(columnKey) => <TableCell>{getKeyValue(item, columnKey)}</TableCell>} <TableCell>{item.tahun}</TableCell>
<TableCell>
<Link href={`/e-majalah-polri/detail/${item.key}`}>{item.icon}</Link>
</TableCell>
</TableRow> </TableRow>
)} )}
</TableBody> </TableBody>
@ -174,9 +178,6 @@ export default function ListEnewsPolri() {
</div> </div>
</div> </div>
</div> </div>
<div>
</div>
</div> </div>
<div className='w-auto md:w-1/3 lg:w-[25%]'> <div className='w-auto md:w-1/3 lg:w-[25%]'>
<PPIDSidebar /> <PPIDSidebar />