From 47946f10404deea9f02db8d142a70985b6cfc0d5 Mon Sep 17 00:00:00 2001
From: saschabuehrle <sascha.buehrle@gmail.com>
Date: Fri, 13 Mar 2026 08:14:29 +0100
Subject: [PATCH] fix: redirect logged-out users to login when following a bill
 (fixes #2059)

---
 components/shared/FollowButton.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/components/shared/FollowButton.tsx b/components/shared/FollowButton.tsx
index 87fa5ec81..505397217 100644
--- a/components/shared/FollowButton.tsx
+++ b/components/shared/FollowButton.tsx
@@ -1,5 +1,6 @@
 import { StyledImage } from "components/ProfilePage/StyledProfileComponents"
 import { useTranslation } from "next-i18next"
+import { useRouter } from "next/router"
 import { useEffect, useContext } from "react"
 import { Button } from "react-bootstrap"
 import { useAuth } from "../auth"
@@ -19,6 +20,7 @@ export const BaseFollowButton = ({
   hide?: boolean
 }) => {
   const { t } = useTranslation(["profile"])
+  const router = useRouter()
 
   const { user } = useAuth()
   const uid = user?.uid
@@ -50,8 +52,14 @@ export const BaseFollowButton = ({
   const checkmark = isFollowing ? (
     <StyledImage src="/check-white.svg" alt="" />
   ) : null
-  const handleClick = (event: React.FormEvent<HTMLFormElement>) => {
+  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {
     event.preventDefault()
+
+    if (!uid) {
+      router.push(`/login?redirect=${encodeURIComponent(router.asPath)}`)
+      return
+    }
+
     isFollowing ? UnfollowClick() : FollowClick()
   }