Revert change

src/components/AvatarStack.tsx

@@ -6,24 +6,22 @@ import {useModerationOpts} from '#/state/preferences/moderation-opts'
 import {useProfilesQuery} from '#/state/queries/profile'
 import {UserAvatar} from '#/view/com/util/UserAvatar'
 import {atoms as a, useTheme} from '#/alf'
-import type * as bsky from '#/types/bsky'
+import * as bsky from '#/types/bsky'
 
 export function AvatarStack({
   profiles,
   size = 26,
   numPending,
   backgroundColor,
-  spacing = 'normal',
 }: {
   profiles: bsky.profile.AnyProfileView[]
   size?: number
   numPending?: number
   backgroundColor?: string
-  spacing?: 'normal' | 'loose'
 }) {
+  const halfSize = size / 2
   const t = useTheme()
   const moderationOpts = useModerationOpts()
-  const translateX = size / getSpacingValue(spacing)
 
   const isPending = (numPending && profiles.length === 0) || !moderationOpts
 
@@ -45,7 +43,7 @@ export function AvatarStack({
         a.flex_row,
         a.align_center,
         a.relative,
-        {width: size + (items.length - 1) * translateX},
+        {width: size + (items.length - 1) * halfSize},
       ]}>
       {items.map((item, i) => (
         <View
@@ -56,7 +54,7 @@ export function AvatarStack({
             {
               width: size,
               height: size,
-              left: i * -translateX,
+              left: i * -halfSize,
               borderWidth: 1,
               borderColor: backgroundColor ?? t.atoms.bg.backgroundColor,
               borderRadius: 999,
@@ -77,10 +75,6 @@ export function AvatarStack({
   )
 }
 
-export function getSpacingValue(spacing: 'normal' | 'loose') {
-  return spacing === 'normal' ? 2 : 4
-}
-
 export function AvatarStackWithFetch({
   profiles,
   size,