Jan 5, 2025 · Jan 4, 2025 · Jan 4, 2025 · Jan 4, 2025 · Jan 4, 2025 · Jan 4, 2025
diff --git a/src/components/SnippetList.tsx b/src/components/SnippetList.tsx
diff --git a/src/components/SnippetModal.tsx b/src/components/SnippetModal.tsx
diff --git a/src/types/index.ts b/src/types/index.ts
Original file line number	Diff line number	Diff line change
Expand Up		@@ -40,7 +40,7 @@ const SnippetList = () => {
		return (
		<motion.li
		key={currentSnippet.title + idx}
	layoutId={currentSnippet.title + (idx + 1).toString()}
	layoutId={currentSnippet.title + (idx + 1).toString()} // unique id for layout animation
		initial={{ opacity: 0, y: 20 }}
		animate={{
		opacity: 1,
Expand Down Expand Up		@@ -69,6 +69,7 @@ const SnippetList = () => {
		onClick={() =>
		handleOpenModal({
		...currentSnippet,
	// added idx for the layout animation to work correctly
		idx: idx + 1,
		})
		}
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -49,7 +49,7 @@ const SnippetModal: React.FC<Props> = ({
		key="modal-content"
		className="modal \| flow"
		data-flow-space="lg"
	layoutId={snippet.title + snippet.idx?.toString()}
	layoutId={snippet.title + snippet.idx?.toString()} // unique id for layout animation
		transition={{ type: "spring", duration: shouldReduceMotion ? 0 : 0.5 }}
		>
		<div className="modal__header">
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -14,7 +14,7 @@ export type SnippetType = {
		code: string;
		tags: string[];
		author: string;
	idx?: number; // Add optional idx property
	idx?: number;
Mathys-Gasnier marked this conversation as resolved. Outdated Show resolved Hide resolved
		};

		export type AppState = {
Expand Down