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

50 lines
1.2 KiB
TypeScript

import useSWR from "swr";
import fetcher from "libs/fetcher";
import Link from "next/link";
import styles from "./Collections.module.css";
interface CollectionProps {
id_collection?: number;
}
const Collections = ({ id_collection }: CollectionProps) => {
const { data, error } = useSWR(
"/api/collection" + (id_collection ? `/${id_collection}` : ""),
fetcher,
);
if (error) return <div>failed to load</div>;
if (!data) return <div>loading...</div>;
return (
<div className={styles.chips}>
{data.map(({ id, title, slug }) =>
id_collection ? (
<Link href="/" key={`collection_${slug}`} className={styles.chip}>
{title}
<Link href="/" legacyBehavior>
<button
type="button"
className={styles.chip_remove}
aria-label="Return to home"
></button>
</Link>
</Link>
) : (
<Link
href={{ pathname: "/collection/[slug]", query: { id: id } }}
as={`/collection/${slug}?id=${id}`}
key={`collection_${slug}`}
className={styles.chip}
>
{title}
</Link>
),
)}
</div>
);
};
export default Collections;