Highlight post background

Author: markharding

apps/polycentric/src/features/post/Post.tsx

@@ -108,7 +108,7 @@ export const Post = memo(function Post({
 
   return (
     <Pressable
-      style={[
+      style={({ pressed }) => [
         Atoms.w_full,
         Atoms.px_lg,
         Atoms.pt_md,
@@ -117,6 +117,9 @@ export const Post = memo(function Post({
           borderBottomWidth: 1,
           borderBottomColor: withHexOpacity(theme.palette.neutral_500, '20'),
         },
+        pressed && {
+          backgroundColor: withHexOpacity(theme.palette.neutral_500, '10'),
+        },
       ]}
       onPress={handlePress}
       disabled={disablePress}

apps/polycentric/src/features/post/PostImages.tsx

@@ -67,6 +67,7 @@ export function PostImages({ images }: { images: v2.ImageSet[] }) {
     return (
       <>
         <Pressable
+          unstable_pressDelay={300}
           onPress={(e) => {
             e.stopPropagation?.();
             openViewer(0);