Keep help links on login page

Author: samejr

apps/webapp/app/components/LoginPageLayout.tsx

@@ -62,7 +62,7 @@ export function LoginPageLayout({ children }: { children: React.ReactNode }) {
             </LinkButton>
           </div>
           <div className="flex h-full max-w-sm items-center justify-center">{children}</div>
-          <Paragraph variant="small" className="hidden text-center lg:block">
+          <Paragraph variant="small" className="text-center">
             Having login issues? <TextLink href="https://trigger.dev/contact">Email us</TextLink>{" "}
             or <TextLink href="https://trigger.dev/discord">ask us in Discord</TextLink>
           </Paragraph>

apps/webapp/app/components/navigation/SideMenu.tsx

@@ -1003,6 +1003,7 @@ function ProjectSelector({
             title="Logout"
             icon={ArrowRightOnRectangleIcon}
             leadingIconClassName="text-text-dimmed"
+            danger
           />
         </div>
       </PopoverContent>

apps/webapp/app/components/primitives/Popover.tsx

@@ -69,6 +69,7 @@ const PopoverMenuItem = React.forwardRef<
     name?: string;
     value?: string;
     type?: React.ComponentProps<"button">["type"];
+    danger?: boolean;
   }
 >(
   (
@@ -86,18 +87,23 @@ const PopoverMenuItem = React.forwardRef<
       name,
       value,
       type,
+      danger = false,
     },
     ref
   ) => {
     const contentProps = {
       variant: variant.variant,
       LeadingIcon: icon,
-      leadingIconClassName,
+      leadingIconClassName: danger
+        ? cn(leadingIconClassName, "transition-colors group-hover/button:text-error")
+        : leadingIconClassName,
       fullWidth: true,
       textAlignLeft: true,
       TrailingIcon: isSelected ? CheckIcon : undefined,
       className: cn(
-        "group-hover:bg-charcoal-700",
+        danger
+          ? "transition-colors group-hover/button:bg-error/10 group-hover/button:text-error [&_span]:transition-colors [&_span]:group-hover/button:text-error"
+          : "group-hover:bg-charcoal-700",
         isSelected ? "bg-charcoal-750 group-hover:bg-charcoal-600/50" : undefined,
         className
       ),