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 ? (
) : null
- const handleClick = (event: React.FormEvent) => {
+ const handleClick = (event: React.MouseEvent) => {
event.preventDefault()
+
+ if (!uid) {
+ router.push(`/login?redirect=${encodeURIComponent(router.asPath)}`)
+ return
+ }
+
isFollowing ? UnfollowClick() : FollowClick()
}
diff --git a/components/testimony/TestimonyDetailPage/PolicyActions.tsx b/components/testimony/TestimonyDetailPage/PolicyActions.tsx
index 90d8c4d52..23a85b609 100644
--- a/components/testimony/TestimonyDetailPage/PolicyActions.tsx
+++ b/components/testimony/TestimonyDetailPage/PolicyActions.tsx
@@ -5,6 +5,7 @@ import { formUrl } from "components/publish"
import { FC, ReactElement, useContext, useEffect } from "react"
import { useCurrentTestimonyDetails } from "./testimonyDetailSlice"
import { useTranslation } from "next-i18next"
+import { useRouter } from "next/router"
import { useAuth } from "components/auth"
import { TopicQuery } from "components/shared/FollowingQueries"
import { StyledImage } from "components/ProfilePage/StyledProfileComponents"
@@ -39,6 +40,7 @@ export const PolicyActions: FC> = ({
const { user } = useAuth()
const uid = user?.uid
+ const router = useRouter()
const { followStatus, setFollowStatus } = useContext(FollowContext)
@@ -69,6 +71,12 @@ export const PolicyActions: FC> = ({
) : null
const handleClick = (event: React.MouseEvent) => {
event.preventDefault()
+
+ if (!uid) {
+ router.push(`/login?redirect=${encodeURIComponent(router.asPath)}`)
+ return
+ }
+
isFollowing ? UnfollowClick() : FollowClick()
}