mirror of
https://github.com/hanzoai/next.js.git
synced 2026-10-30 14:46:38 +00:00
4b66771895
The `legacyBehavior` prop of the `Link` component has been deprecated since #77473. For Next.js 16, we're finally removing support for it. Consequently, we're also removing support for the `passHref` prop, which was only useful in conjunction with the `legacyBehavior` prop. A [codemod is available](https://nextjs.org/docs/app/guides/upgrading/codemods#new-link) to help you automatically upgrade your codebase. reverts #77473 --------- Co-authored-by: Sebastian Sebbie Silbermann <[email protected]>
48 lines
1.2 KiB
TypeScript
48 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="/"
|
|
className={styles.chip_remove}
|
|
aria-label="Return to home"
|
|
/>
|
|
</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;
|