fix(LOY-138): remove membership id from showing in surprises

components/MyPages/Surprises/Client.tsx

@@ -27,10 +27,7 @@ import type { SurprisesProps } from "@/types/components/blocks/surprises"
 
 const MotionModal = motion(Modal)
 
-export default function SurprisesNotification({
-  surprises,
-  membershipNumber,
-}: SurprisesProps) {
+export default function SurprisesNotification({ surprises }: SurprisesProps) {
   const lang = useLang()
   const intl = useIntl()
   const pathname = usePathname()
@@ -185,10 +182,7 @@ export default function SurprisesNotification({
                             }}
                             layout
                           >
-                            <Slide
-                              surprise={surprise}
-                              membershipNumber={membershipNumber}
-                            />
+                            <Slide surprise={surprise} />
                           </motion.div>
                         </AnimatePresence>
 

components/MyPages/Surprises/Slide.tsx

@@ -12,7 +12,7 @@ import styles from "./surprises.module.css"
 
 import type { SlideProps } from "@/types/components/blocks/surprises"
 
-export default function Slide({ surprise, membershipNumber }: SlideProps) {
+export default function Slide({ surprise }: SlideProps) {
   const lang = useLang()
   const intl = useIntl()
 
@@ -38,16 +38,6 @@ export default function Slide({ surprise, membershipNumber }: SlideProps) {
             }
           )}
         </Caption>
-        <Caption>
-          {intl.formatMessage(
-            {
-              id: "Membership ID {id}",
-            },
-            {
-              id: membershipNumber,
-            }
-          )}
-        </Caption>
       </div>
     </Card>
   )

components/MyPages/Surprises/index.tsx

@@ -1,5 +1,4 @@
 import { env } from "@/env/server"
-import { getProfile } from "@/lib/trpc/memoizedRequests"
 import { serverClient } from "@/lib/trpc/server"
 
 import SurprisesClient from "./Client"
@@ -9,22 +8,11 @@ export default async function Surprises() {
     return null
   }
 
-  const user = await getProfile()
-
-  if (!user || "error" in user) {
-    return null
-  }
-
   const surprises = await serverClient().contentstack.rewards.surprises()
 
   if (!surprises) {
     return null
   }
 
-  return (
-    <SurprisesClient
-      surprises={surprises}
-      membershipNumber={user.membership?.membershipNumber}
-    />
-  )
+  return <SurprisesClient surprises={surprises} />
 }