Fix shadow offset issue

ephemeraHQ · Jan 16, 2025 · 0b7d937 · 0b7d937
1 parent 4672434
commit 0b7d937
Showing 1 changed file with 9 additions and 12 deletions.
diff --git a/screens/Profile.tsx b/screens/Profile.tsx
@@ -128,8 +128,8 @@ const ExternalWalletPickerWrapper = memo(
           wallet: socials
             ? getPreferredUsername(socials)
             : client
-              ? shortAddress(client.address)
-              : "",
+            ? shortAddress(client.address)
+            : "",
         })}
       />
     );
@@ -157,7 +157,7 @@ const ContactCard = memo(function ContactCard({
   const rotateX = useSharedValue(0);
   const rotateY = useSharedValue(0);
   const shadowOffsetX = useSharedValue(0);
-  const shadowOffsetY = useSharedValue(0);
+  const shadowOffsetY = useSharedValue(6); // Positive value pushes shadow down
 
   const baseStyle = {
     backgroundColor: theme.colors.fill.primary,
@@ -168,10 +168,6 @@ const ContactCard = memo(function ContactCard({
     shadowColor: theme.colors.fill.primary,
     shadowOpacity: 0.25,
     shadowRadius: 12,
-    shadowOffset: {
-      width: 0,
-      height: 6, // Positive value pushes shadow down
-    },
     elevation: 5,
   };
 
@@ -578,8 +574,8 @@ function ProfileScreenImpl() {
         Platform.OS === "android"
           ? undefined
           : isBlockedPeer
-            ? primaryColor(colorScheme)
-            : dangerColor(colorScheme),
+          ? primaryColor(colorScheme)
+          : dangerColor(colorScheme),
       leftView:
         Platform.OS === "android" ? (
           <TableViewPicto
@@ -839,7 +835,7 @@ function ProfileScreenImpl() {
         paddingHorizontal: theme.spacing.lg,
       }}
     >
-      {!isMyProfile && !isBlockedPeer && (
+      {!isBlockedPeer && (
         <ContactCard
           name={preferredUserName}
           // TODO: implement bio from the profile from Convos backend/local db
@@ -1052,8 +1048,9 @@ function ProfileScreenImpl() {
                     const client = (await getXmtpClient(
                       userAddress
                     )) as ConverseXmtpClientType;
-                    const otherInstallations =
-                      await getOtherInstallations(client);
+                    const otherInstallations = await getOtherInstallations(
+                      client
+                    );
                     if (otherInstallations.length === 0) {
                       Alert.alert(
                         translate("revoke_done_title"),