polynux
/
pchl
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix pictures array and declare type

This commit is contained in:
Guillaume Dorce 2023-03-26 17:26:38 +02:00
parent 9d4176589b
commit 75cad786b4
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/galeries.tsx
View File

@ -3,7 +3,13 @@ import Image from "next/image";
import styles from "../styles/Galerie.module.css"; import styles from "../styles/Galerie.module.css";
export default function Galeries({ pictures }: { pictures: string[] }) { type Picture = {
src: string;
alt: string;
className?: string;
}
export default function Galeries({ pictures }: { pictures: [] }) {
return ( return (
<Layout title="Galeries"> <Layout title="Galeries">
<div className="container mx-auto p-8"> <div className="container mx-auto p-8">
@ -13,7 +19,7 @@ export default function Galeries({ pictures }: { pictures: string[] }) {
<div className="separator w-1/2 border-b-2 border-slate-800"></div> <div className="separator w-1/2 border-b-2 border-slate-800"></div>
</div> </div>
<div className={styles["grid-wrapper"]}> <div className={styles["grid-wrapper"]}>
{pictures?.map((picture) => ( {pictures?.map((picture: Picture) => (
<div key={picture.src} className={picture.className}> <div key={picture.src} className={picture.className}>
<Image <Image
src={picture.src} src={picture.src}
@ -33,7 +39,7 @@ export default function Galeries({ pictures }: { pictures: string[] }) {
} }
export function getServerSideProps() { export function getServerSideProps() {
let pictures = []; const pictures: Picture[] = [];
const classes = ["wide", "tall", "big", ""]; const classes = ["wide", "tall", "big", ""];
for (let i = 0; i < 10; i++) { for (let i = 0; i < 10; i++) {
pictures.push({ pictures.push({