Mirroring/my-links
1
0
Fork 0
mirror of https://github.com/Sonny93/my-links.git synced 2025-12-10 15:35:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: no link label flicking

Browse Source
This commit is contained in:
Sonny
2023-05-17 09:23:00 +02:00
parent 050c4e2324
commit e19bffb792
1 changed files with 14 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/Links/Links.tsx
View File

@@ -6,7 +6,7 @@ import EditItem from "components/QuickActions/EditItem";
import RemoveItem from "components/QuickActions/RemoveItem"; import RemoveItem from "components/QuickActions/RemoveItem";
import LinkItem from "./LinkItem"; import LinkItem from "./LinkItem";
import { AnimatePresence, motion } from "framer-motion"; import { motion } from "framer-motion";
import styles from "./links.module.scss"; import styles from "./links.module.scss";
export default function Links({ export default function Links({
@@ -53,20 +53,19 @@ export default function Links({
</ul> </ul>
) : ( ) : (
<div className={styles["no-link"]}> <div className={styles["no-link"]}>
<AnimatePresence> <motion.p
<motion.p key={Math.random()}
key={Math.random()} initial={{ opacity: 0, scale: 0.85 }}
initial={{ opacity: 0, scale: 0 }} animate={{ opacity: 1, scale: 1 }}
animate={{ opacity: 1, scale: 1 }} transition={{
transition={{ type: "spring",
type: "spring", stiffness: 260,
stiffness: 260, damping: 20,
damping: 20, duration: 0.01,
}} }}
> >
Aucun lien pour <b>{name}</b> Aucun lien pour <b>{name}</b>
</motion.p> </motion.p>
</AnimatePresence>
<LinkTag href={`/link/create?categoryId=${id}`}> <LinkTag href={`/link/create?categoryId=${id}`}>
Créer un lien Créer un lien
</LinkTag> </LinkTag>