Display waitlist position (#2268)

Author: omfj

apps/web/src/components/happening-sidebar.tsx

@@ -109,6 +109,14 @@ export const HappeningSidebar = async ({ event }: EventSidebarProps) => {
     (registration) => registration.userId === user?.id,
   )?.status;
 
+  const userWaitlistPosition =
+    registrations
+      .filter((registration) => {
+        return registration.status === "waiting";
+      })
+      .sort((a, b) => new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime())
+      .findIndex((registration) => registration.userId === user?.id) + 1;
+
   return (
     <div className="flex w-full flex-col gap-4 lg:max-w-[320px]">
       {/**
@@ -372,6 +380,17 @@ export const HappeningSidebar = async ({ event }: EventSidebarProps) => {
             </SidebarItem>
           )}
 
+          {/**
+           * Show waitlist position if:
+           * - User is on waitlist
+           */}
+          {currentUserStatus === "waiting" && userWaitlistPosition > 0 && (
+            <SidebarItem>
+              <SidebarItemTitle>Plass på venteliste:</SidebarItemTitle>
+              <SidebarItemContent>{userWaitlistPosition}</SidebarItemContent>
+            </SidebarItem>
+          )}
+
           {/**
            * Show registration end date if:
            * - Registration is open