Files
my-links/components/SideMenu/Favorites/FavoriteItem.tsx
Sonny 45f5455f94 feat/fix/chore: refactor project structure + add favicon
- Changement de structure de fichier
- Ajout des favicons des sites
- Suppression et mise à jour de dépendances
- Ajout React-Icons pour gérer les icons
- Amélioration du l'UI
2023-04-20 18:18:03 +02:00

20 lines
578 B
TypeScript

import LinkTag from "next/link";
import { Link } from "../../../types";
import LinkFavicon from "../../Links/LinkFavicon";
import styles from "./favorites.module.scss";
export default function FavoriteItem({ link }: { link: Link }): JSX.Element {
const { name, url, category } = link;
return (
<li className={styles["item"]}>
<LinkTag href={url} target={"_blank"} rel={"noreferrer"}>
<LinkFavicon url={url} size={24} />
<span>{name}</span>
<span className={styles["category"]}> - {category.name}</span>
</LinkTag>
</li>
);
}