refactor: simplify parameter handling in EventPage and enhance Newsletter component animations

Author: JosafatJimenezB

src/app/events/[id]/page.tsx

@@ -11,15 +11,15 @@ type EventPageParams = {
 };
 
 type EventPageProps = {
-  params: Promise<EventPageParams> | EventPageParams;
+  params: Promise<EventPageParams>;
 };
 
 export function generateStaticParams() {
   return eventsData.map((event) => ({ id: event.id }));
 }
 
 export async function generateMetadata({ params }: EventPageProps): Promise<Metadata> {
-  const resolvedParams = params instanceof Promise ? await params : params;
+  const resolvedParams = await params;
   const id = resolvedParams?.id;
   if (!id) {
     return {
@@ -50,7 +50,7 @@ export async function generateMetadata({ params }: EventPageProps): Promise<Meta
 }
 
 export default async function EventPage({ params }: EventPageProps) {
-  const resolvedParams = params instanceof Promise ? await params : params;
+  const resolvedParams = await params;
   const id = resolvedParams?.id;
   if (!id) {
     notFound();

src/components/newsletter.tsx

@@ -191,7 +191,13 @@ export const Newsletter = () => {
       toast.error("Por favor ingresa tu email");
       if (inputRef.current) {
         gsap.to(inputRef.current, {
-          x: [-10, 10, -10, 10, 0],
+          keyframes: [
+            { x: -10 },
+            { x: 10 },
+            { x: -10 },
+            { x: 10 },
+            { x: 0 },
+          ],
           duration: 0.5,
           ease: "power2.inOut",
         });

src/components/team.tsx

@@ -53,6 +53,57 @@ type HeadquartersStyle = {
   icon: (className?: string) => JSX.Element;
 };
 
+const SOCIAL_PLATFORMS: readonly SocialPlatform[] = [
+  "github",
+  "linkedin",
+  "instagram",
+  "behance",
+  "twitter",
+  "website",
+] as const;
+
+const isSocialPlatform = (platform: string): platform is SocialPlatform => {
+  return SOCIAL_PLATFORMS.includes(platform as SocialPlatform);
+};
+
+const normalizeSocials = (
+  socials?: { platform: string; url: string }[]
+): SocialLink[] => {
+  if (!socials) return [];
+  return socials
+    .map((social) => {
+      if (!isSocialPlatform(social.platform)) return null;
+      return {
+        platform: social.platform,
+        url: social.url,
+      };
+    })
+    .filter((social): social is SocialLink => Boolean(social));
+};
+
+const normalizeHeadquarters = (
+  headquarters?: TeamJSON["headquarters"]
+): Headquarters[] => {
+  if (!headquarters) return [];
+  return headquarters
+    .filter((hq) => (hq.members?.length ?? 0) > 0)
+    .map((hq): Headquarters => ({
+      id: hq.id,
+      label: hq.label,
+      location: hq.location,
+      lead: hq.lead,
+      members:
+        hq.members?.map(
+          (member): TeamMember => ({
+            name: member.name,
+            role: member.role,
+            image: member.image,
+            socials: normalizeSocials(member.socials),
+          })
+        ) ?? [],
+    }));
+};
+
 const HEADQUARTERS_STYLES: Record<string, HeadquartersStyle> = {
   principal: {
     gradient: "from-primary via-primary to-secondary",
@@ -342,10 +393,10 @@ const HeadquartersCarousel = ({
 export const TeamSection = () => {
   const data = teamData as TeamJSON;
 
-  const headquartersList = useMemo<Headquarters[]>(() => {
-    if (!data?.headquarters) return [];
-    return data.headquarters.filter((hq) => hq.members?.length > 0);
-  }, [data]);
+  const headquartersList = useMemo<Headquarters[]>(
+    () => normalizeHeadquarters(data?.headquarters),
+    [data]
+  );
 
   if (headquartersList.length === 0) {
     return null;