From 6cd015e2e4fedebcec51cdb7e5403ea93fc229d6 Mon Sep 17 00:00:00 2001
From: Francesco Sansalvadore <f.sansalvadore@gmail.com>
Date: Mon, 27 Mar 2023 09:09:23 +0200
Subject: [PATCH] lw7: fix preserve 3D on safari

---
 .../LaunchWeek/LaunchSection/TicketBrickWallSlider.tsx    | 2 +-
 apps/www/components/LaunchWeek/Ticket/TicketActions.tsx   | 6 +++---
 apps/www/components/LaunchWeek/Ticket/TicketVisual.tsx    | 8 +++++++-
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/apps/www/components/LaunchWeek/LaunchSection/TicketBrickWallSlider.tsx b/apps/www/components/LaunchWeek/LaunchSection/TicketBrickWallSlider.tsx
index bf4fe39ad82..910a66bb0ea 100644
--- a/apps/www/components/LaunchWeek/LaunchSection/TicketBrickWallSlider.tsx
+++ b/apps/www/components/LaunchWeek/LaunchSection/TicketBrickWallSlider.tsx
@@ -25,7 +25,7 @@ export function TicketBrickWallSlider({ users, reverse, xOffset = 250, speed = 1
   const getOgUrl = (username: string) => `${STORAGE_URL}/tickets/gallery/${username}.png`
 
   useEffect(() => {
-    if (swiperInstace) swiperInstace?.autoplay.run()
+    if (swiperInstace) swiperInstace?.autoplay?.run()
   }, [width])
 
   return (
diff --git a/apps/www/components/LaunchWeek/Ticket/TicketActions.tsx b/apps/www/components/LaunchWeek/Ticket/TicketActions.tsx
index 8da419b73b3..ef29c82d5c5 100644
--- a/apps/www/components/LaunchWeek/Ticket/TicketActions.tsx
+++ b/apps/www/components/LaunchWeek/Ticket/TicketActions.tsx
@@ -57,7 +57,7 @@ export default function TicketActions({
     <div className="grid gap-1 grid-cols-1 sm:grid-cols-3 lg:grid-cols-1">
       {!sharePage ? (
         <>
-          <div className="rounded-full bg-[#E6E8EB] text-scale-500 py-1 sm:py-2 lg:py-1 px-3 border border-[#dfe1e3] text-xs mb-1">
+          <div className="rounded-full bg-[#E6E8EB] text-scale-500 py-1 px-3 border border-[#dfe1e3] text-xs mb-1">
             <div className="flex items-center justify-center gap-2">
               <div className="text-scale-900">
                 <IconCheckCircle size={10} strokeWidth={1} />
@@ -68,7 +68,7 @@ export default function TicketActions({
           <div
             className={`rounded-full ${
               userData.sharedOnTwitter ? 'bg-[#E6E8EB] text-scale-500' : 'text-white'
-            }  text-scale-500 py-1 sm:py-2 lg:py-1 px-3 border border-[#dfe1e3] text-xs mb-1 transition-all ease-out hover:bg-[#dfe1e3]`}
+            }  text-scale-500 py-1 px-3 border border-[#dfe1e3] text-xs mb-1 transition-all ease-out hover:bg-[#dfe1e3]`}
           >
             <a
               href={tweetUrl}
@@ -89,7 +89,7 @@ export default function TicketActions({
           <div
             className={`rounded-full ${
               userData.sharedOnLinkedIn ? 'bg-[#E6E8EB] text-scale-500' : 'text-white'
-            }  text-scale-500 py-1 sm:py-2 lg:py-1 px-3 border border-[#dfe1e3] text-xs mb-1 transition-all ease-out hover:bg-[#dfe1e3]`}
+            }  text-scale-500 py-1 px-3 border border-[#dfe1e3] text-xs mb-1 transition-all ease-out hover:bg-[#dfe1e3]`}
           >
             <a
               href={linkedInUrl}
diff --git a/apps/www/components/LaunchWeek/Ticket/TicketVisual.tsx b/apps/www/components/LaunchWeek/Ticket/TicketVisual.tsx
index 8d091ec08b3..ad4759c08fb 100644
--- a/apps/www/components/LaunchWeek/Ticket/TicketVisual.tsx
+++ b/apps/www/components/LaunchWeek/Ticket/TicketVisual.tsx
@@ -60,7 +60,13 @@ export default function TicketVisual({
   }, [ticketRef])
 
   return (
-    <div className="flex relative flex-col w-[300px] md:w-full md:max-w-none h-auto">
+    <div
+      className="flex relative flex-col w-[300px] md:w-full md:max-w-none h-auto"
+      style={{
+        transform: 'translate3d(0, 0, 100px)',
+        transformStyle: 'preserve-3d',
+      }}
+    >
       <div
         ref={ticketRef}
         className={[