feat: unauthenticated tab

src/screens/Playbacks/components/PlaybackItem.web.js

@@ -29,6 +29,7 @@ import {
   LIKE_TARGET,
   toggleProjectLike,
 } from "../../../utils/likes";
+import { ensureAuthenticated } from "../../../utils/authRedirect";
 import {
   createPlaybackSharePayload,
   openShareSheet,
@@ -427,10 +428,19 @@ const PlaybackItem = ({
                     />
                   )}
                 </Pressable>
-                {owner?.id && currentUID && owner.id !== currentUID && (
+                {owner?.id && owner.id !== currentUID && (
                   <Pressable
                     style={styles.followPressable}
                     onPress={async () => {
+                      if (
+                        !ensureAuthenticated(currentUID, {
+                          onIntercept: () => {
+                            setIsFollowing(false);
+                          },
+                        })
+                      ) {
+                        return;
+                      }
                       try {
                         const next = !isFollowing;
                         setIsFollowing(next);
@@ -465,7 +475,10 @@ const PlaybackItem = ({
               <Pressable
                 onPress={async () => {
                   try {
-                    if (!currentUID || !item?.id) return;
+                    if (!item?.id) return;
+                    if (!ensureAuthenticated(currentUID)) {
+                      return;
+                    }
                     const nextLiked = !isLiked;
                     setIsLiked(nextLiked);
                     setLikesCount((c) => Math.max(0, c + (nextLiked ? 1 : -1)));