Files
StevenandGitHub 4466ba436b chore(examples): use default prettier for examples/templates (#60530)
## Description
This PR ensures that the default prettier config is used for examples
and templates.

This config is compatible with `prettier@3` as well (upgrading prettier
is bigger change that can be a future PR).

## Changes
- Updated `.prettierrc.json` in root with `"trailingComma": "es5"` (will
be needed upgrading to prettier@3)
- Added `examples/.prettierrc.json` with default config (this will
change every example)
- Added `packages/create-next-app/templates/.prettierrc.json` with
default config (this will change every template)

## Related

- Fixes #54402
- Closes #54409
2024-01-11 16:01:44 -07:00

35 lines
832 B
TypeScript

import useSWR from "swr";
import fetcher from "libs/fetcher";
import styles from "./Gallery.module.css";
import UImage from "components/UImage";
interface GalleryProps {
id_collection?: number;
}
const Gallery = ({ id_collection }: GalleryProps) => {
const { data, error } = useSWR(
"/api/photo" + (id_collection ? `/${id_collection}` : ""),
fetcher,
);
if (error) return <div>failed to load</div>;
if (!data) return <div>loading...</div>;
return (
<section className={styles.gallery_container}>
{data.map(({ id, urls, alt_description, description }) => (
<UImage
id={id}
urls={urls}
altDescription={alt_description ? alt_description : description}
key={`${id}_uimage_component`}
/>
))}
</section>
);
};
export default Gallery;