PressableScale

src/screens/Profile/Profile.js

@@ -17,6 +17,7 @@ import { useGlobal } from "reactn";
 import { background, icons, img } from "../../assets";
 import BorderGradient from "../../components/BorderGradient/BorderGradient";
 import MoreMenu from "../../components/MoreMenu";
+import PressableScale from "../../components/PressableScale";
 import { projectsRef, usersRef } from "../../config/firebase";
 import useDataFromRef from "../../hooks/useDataFromRef";
 import useLayoutType from "../../hooks/useLayoutType";
@@ -65,7 +66,7 @@ const Profile = () => {
         setFollowers(
           Array.isArray(currentUserData?.followedBy)
             ? currentUserData.followedBy.length
-            : 0,
+            : 0
         );
         return;
       }
@@ -139,8 +140,7 @@ const Profile = () => {
                 setSelectedProjectId(item.id);
                 setMenuPosition(posTop);
                 setShowMenu(
-                  (prev) =>
-                    !prev || posTop?.top !== (menuPosition?.top ?? null),
+                  (prev) => !prev || posTop?.top !== (menuPosition?.top ?? null)
                 );
               }}
             />
@@ -243,9 +243,9 @@ const Profile = () => {
       }}
       rightComponent={() =>
         !isWeb && isSelf ? (
-          <Pressable onPress={() => SheetManager.show("ProfileSettings")}>
+          <PressableScale onPress={() => SheetManager.show("ProfileSettings")}>
             <Image source={icons.more} style={{ ...size({ size: 24 }) }} />
-          </Pressable>
+          </PressableScale>
         ) : null
       }
     >
@@ -262,8 +262,8 @@ const Profile = () => {
             //   Platform.OS !== "ios" ? "dimezisBlurView" : "none"
             // }
           >
-            {isWeb && (
-              <Pressable
+            {isWeb && isSelf && (
+              <PressableScale
                 style={{
                   zIndex: 2,
                 }}
@@ -278,7 +278,7 @@ const Profile = () => {
                     top: 10,
                   }}
                 />
-              </Pressable>
+              </PressableScale>
             )}
 
             <View style={{ alignItems: "center" }}>