Align avatar in reply prompt (#8501)

* align avi in reply prompt

* update skellie

src/screens/PostThread/components/ThreadItemReplyComposer.tsx

@@ -1,30 +1,19 @@
 import {View} from 'react-native'
 
-import {OUTER_SPACE} from '#/screens/PostThread/const'
 import {atoms as a, useBreakpoints, useTheme} from '#/alf'
 import * as Skele from '#/components/Skeleton'
 
-/*
- * Wacky padding here is just replicating what we have in the actual
- * `PostThreadComposePrompt` component
- */
 export function ThreadItemReplyComposerSkeleton() {
   const t = useTheme()
   const {gtMobile} = useBreakpoints()
 
+  if (!gtMobile) return null
+
   return (
-    <View
+    <View style={[a.px_sm, a.py_xs, a.border_t, t.atoms.border_contrast_low]}>
-      style={[
+      <View style={[a.flex_row, a.align_center, a.gap_sm, a.px_sm, a.py_sm]}>
-        a.border_t,
+        <Skele.Circle size={24} />
-        t.atoms.border_contrast_low,
+        <Skele.Text style={[a.text_md, {maxWidth: 119}]} />
-        gtMobile ? a.py_xs : {paddingTop: 8, paddingBottom: 11},
-        {
-          paddingHorizontal: OUTER_SPACE,
-        },
-      ]}>
-      <View style={[a.flex_row, a.align_center, a.gap_xs, a.py_sm]}>
-        <Skele.Circle size={gtMobile ? 24 : 22} />
-        <Skele.Text style={[a.text_md]} />
       </View>
     </View>
   )

src/view/com/post-thread/PostThreadComposePrompt.tsx

@@ -38,15 +38,10 @@ export function PostThreadComposePrompt({
   return (
     <View
       style={[
-        gtMobile
-          ? [
-              a.py_xs,
         a.px_sm,
-              a.border_t,
+        gtMobile
-              t.atoms.border_contrast_low,
+          ? [a.py_xs, a.border_t, t.atoms.border_contrast_low, t.atoms.bg]
-              t.atoms.bg,
+          : [a.pb_2xs],
-            ]
-          : [a.px_md, a.pb_2xs],
         style,
       ]}>
       {!gtMobile && (
@@ -87,7 +82,7 @@ export function PostThreadComposePrompt({
           a.transition_color,
         ]}>
         <UserAvatar
-          size={gtMobile ? 24 : 22}
+          size={24}
           avatar={profile?.avatar}
           type={profile?.associated?.labeler ? 'labeler' : 'user'}
         />