Short List Delete working

Another solo achievement.

Author: aledbrown

resources/js/components/Shortlist.tsx

@@ -37,26 +37,21 @@ export function Shortlist({
                             <p className="px-3 text-sm text-slate-800">
                                 {puppy.name}
                             </p>
-                            <DeleteButton
-                                id={puppy.id}
-                            />
+                            <DeleteButton puppy={puppy} />
                         </li>
                     ))}
             </ul>
         </div>
     );
 }
 
-function DeleteButton({
-    id,
-}: {
-    id: Puppy['id'];
-}) {
+function DeleteButton({ puppy }: { puppy: Puppy }) {
     const [pending, setPending] = useState(false);
     return (
         <Link
+            preserveScroll
             method={'patch'}
-            // href={like(puppy.id)}
+            href={like(puppy.id)}
             // onClick={async () => {
             //     setPending(true);
             //     const updatedPuppy = await toggleLikedStatus(id);