feat: show follow button when anon (#3605)

dailydotdev · Oct 1, 2024 · 4c805f3 · 4c805f3
1 parent 752a701
commit 4c805f3
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 4 deletions.
diff --git a/packages/shared/src/components/contentPreference/FollowButton.tsx b/packages/shared/src/components/contentPreference/FollowButton.tsx
@@ -9,8 +9,8 @@ import { ButtonVariant } from '../buttons/Button';
 import { useContentPreference } from '../../hooks/contentPreference/useContentPreference';
 import SourceActionsNotify from '../sources/SourceActions/SourceActionsNotify';
 import SourceActionsFollow from '../sources/SourceActions/SourceActionsFollow';
-import { useAuthContext } from '../../contexts/AuthContext';
 import { Origin } from '../../lib/log';
+import { useIsSpecialUser } from '../../hooks/auth/useIsSpecialUser';
 
 export type FollowButtonProps = {
   className?: string;
@@ -29,7 +29,6 @@ export const FollowButton = ({
   type,
   origin,
 }: FollowButtonProps): ReactElement => {
-  const { user } = useAuthContext();
   const { follow, unfollow, subscribe, unsubscribe } = useContentPreference();
 
   const { mutate: onButtonClick, isLoading: isLoadingFollow } = useMutation(
@@ -80,7 +79,7 @@ export const FollowButton = ({
 
   const isLoading = isLoadingFollow || isLoadingNotify;
 
-  if (!user || user.id === userId) {
+  if (useIsSpecialUser({ userId })) {
     return null;
   }
 

diff --git a/packages/shared/src/hooks/contentPreference/useContentPreference.ts b/packages/shared/src/hooks/contentPreference/useContentPreference.ts
@@ -12,6 +12,7 @@ import { useToastNotification } from '../useToastNotification';
 import { ContentPreferenceMutation } from './types';
 import { useLogContext } from '../../contexts/LogContext';
 import { LogEvent } from '../../lib/log';
+import { AuthTriggers } from '../../lib/auth';
 
 export type UseContentPreference = {
   follow: ContentPreferenceMutation;
@@ -21,7 +22,7 @@ export type UseContentPreference = {
 };
 
 export const useContentPreference = (): UseContentPreference => {
-  const { user } = useAuthContext();
+  const { user, showLogin } = useAuthContext();
   const { displayToast } = useToastNotification();
   const { logEvent } = useLogContext();
 
@@ -32,6 +33,12 @@ export const useContentPreference = (): UseContentPreference => {
       entityName,
       opts,
     }: PropsParameters<UseContentPreference['follow']>) => {
+      if (!user) {
+        showLogin({ trigger: AuthTriggers.Follow });
+
+        throw new Error('not logged in');
+      }
+
       logEvent({
         event_name: LogEvent.Follow,
         target_id: id,
@@ -59,6 +66,12 @@ export const useContentPreference = (): UseContentPreference => {
       entityName,
       opts,
     }: PropsParameters<UseContentPreference['unfollow']>) => {
+      if (!user) {
+        showLogin({ trigger: AuthTriggers.Follow });
+
+        throw new Error('not logged in');
+      }
+
       logEvent({
         event_name: LogEvent.Unfollow,
         target_id: id,
@@ -85,6 +98,12 @@ export const useContentPreference = (): UseContentPreference => {
       entityName,
       opts,
     }: PropsParameters<UseContentPreference['subscribe']>) => {
+      if (!user) {
+        showLogin({ trigger: AuthTriggers.Follow });
+
+        throw new Error('not logged in');
+      }
+
       logEvent({
         event_name: LogEvent.Subscribe,
         target_id: id,
@@ -115,6 +134,12 @@ export const useContentPreference = (): UseContentPreference => {
       entityName,
       opts,
     }: PropsParameters<UseContentPreference['subscribe']>) => {
+      if (!user) {
+        showLogin({ trigger: AuthTriggers.Follow });
+
+        throw new Error('not logged in');
+      }
+
       logEvent({
         event_name: LogEvent.Unsubscribe,
         target_id: id,

diff --git a/packages/shared/src/lib/auth.ts b/packages/shared/src/lib/auth.ts
@@ -65,6 +65,7 @@ export enum AuthTriggers {
   CommentDownvote = 'comment downvote',
   WelcomePage = 'welcome page',
   FromNotification = 'from notification',
+  Follow = 'follow',
 }
 
 export type AuthTriggersType =