added prefetch intent to event and group links (#160)

social-plan-it · Jun 4, 2024 · dd46ec2 · dd46ec2
1 parent a66ca69
commit dd46ec2
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/app/components/marketing/events-section.tsx b/app/components/marketing/events-section.tsx
@@ -41,7 +41,7 @@ export function EventCard({ event, index }: { event: FullEvent; index: number })
   const isTransitioning = unstable_useViewTransitionState(to);
 
   return (
-    <Link to={to} unstable_viewTransition>
+    <Link to={to} unstable_viewTransition prefetch="intent">
       <div className="flex flex-col space-y-3 w-64 md:h-96 md:w-72 mx-6 sm:mx-0 max-w-md p-6 rounded-2xl bg-primary hover:transform hover:scale-105 transition-transform duration-300 hover:border">
         {event.imgUrl && event.imgAlt ? (
           <img

diff --git a/app/routes/groups.tsx b/app/routes/groups.tsx
@@ -63,7 +63,7 @@ export default function Group() {
           {groups?.map((group: Group) => {
             return (
               <li className="flex flex-wrap justify-center my-2 mx-auto md:m-2" key={group.id}>
-                <Link to={group.id}>
+                <Link to={group.id} prefetch="intent">
                   <div className="border-slate-100 border-2 rounded-2xl  m-1 px-4 py-4 flex flex-col justify-center items-center md:w-80 hover:transform hover:scale-105 transition-transform duration-300">
                     <div className="w-52 h-52">
                       <Image