feat(SW-66, SW-348): search functionality and ui

components/Blocks/DynamicContent/Points/ExpiringPoints/index.tsx

@@ -0,0 +1,30 @@
+import { serverClient } from "@/lib/trpc/server"
+
+import SectionContainer from "@/components/Section/Container"
+import SectionHeader from "@/components/Section/Header"
+
+import ExpiringPointsTable from "./ExpiringPointsTable"
+
+import { AccountPageComponentProps } from "@/types/components/myPages/myPage/accountPage"
+
+export default async function ExpiringPoints({
+  link,
+  subtitle,
+  title,
+}: AccountPageComponentProps) {
+  const membershipLevel = await serverClient().user.membershipLevel()
+
+  if (!membershipLevel?.pointsToExpire || !membershipLevel?.pointsExpiryDate) {
+    return null
+  }
+
+  return (
+    <SectionContainer>
+      <SectionHeader title={title} link={link} preamble={subtitle} />
+      <ExpiringPointsTable
+        points={membershipLevel.pointsToExpire}
+        expirationDate={membershipLevel.pointsExpiryDate}
+      />
+    </SectionContainer>
+  )
+}