Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
  • Loading branch information
mdnasirulhaque committed Jun 23, 2024
2 parents 84e903e + c6c4839 commit e8ca31a
Showing 1 changed file with 25 additions and 17 deletions.
42 changes: 25 additions & 17 deletions app/gallery/page.tsx
Original file line number Diff line number Diff line change
@@ -1,30 +1,38 @@
import { Gallery } from "@/components/models/datatype.props";
import * as GALLERY from "@/public/assets/content/gallery/content.json";
import Link from "next/link";
import { Gallery } from '@/components/models/datatype.props';
import GALLERYDATA from '@/public/assets/content/gallery/content.json';
import Link from 'next/link';

function page() {
const galleryLink = 'https://gallery.gdgcloudkol.org';
// const galleryLink = 'http://localhost:3000';
return (
<div className="flex justify-center w-full p-16">
<div className="grid grid-cols-4 gap-6">
{GALLERY.map((item: Gallery) => {
return <>
{/* */}
<Link href={`${galleryLink}/?id=${item.albumLink}`}>
<div className="p-5 w-80 h-52 border-2 cursor-pointer shadow-lg flex flex-col justify-center">
<span className="font-bold">
{item.title}
</span>
<hr className="mt-2" />
<img className="pt-2 h-36" src={item.coverLink} alt={item.title} />
</div>
</Link>
</>
{GALLERYDATA.map((item: Gallery) => {
return (
<>
<Link
href={`${galleryLink}/?id=${item.albumLink}`}
target="_blank"
>
<div className="p-5 w-80 h-52 border-2 cursor-pointer shadow-lg flex flex-col justify-center">
<span className="font-bold">
{item.title}
</span>
<hr className="mt-2" />
<img
className="pt-2 h-36"
src={item.coverLink}
alt={item.title}
/>
</div>
</Link>
</>
);
})}
</div>
</div>
);
}

export default page;
export default page;

0 comments on commit e8ca31a

Please sign in to comment.