Ability to reply to a post, and show the parent post on the reply

Author: markharding

apps/polycentric/app/feed/compose.tsx

@@ -1 +1 @@
-export { default } from '@/src/features/composer/ComposeSheetRoute';
+export { default } from '@/src/features/composer/ComposeScreen';

apps/polycentric/src/common/components/composites/IdentityBadge.tsx

@@ -2,31 +2,30 @@ import {
   Text,
   Avatar,
   type AvatarSizePreset,
-  PubkeyTag,
+  IdentityTag,
   type TextVariant,
 } from '@/src/common/components/primitives';
 import { useUsername, identiconUrl } from '@/src/common/lib/polycentric-hooks';
-import { types } from '@polycentric/react-native';
 import { Atoms, type SpacingToken } from '@/src/common/theme';
 import { View } from 'react-native';
 
 type BadgeSize = 'md' | 'lg';
 
 interface IdentityBadgeProps {
-  publicKey: types.PublicKey;
+  identityKey: string;
   size?: BadgeSize;
   showAvatar?: boolean;
   showId?: boolean;
 }
 
 export function IdentityBadge({
-  publicKey,
+  identityKey,
   size = 'md',
   showAvatar = true,
   showId = true,
 }: IdentityBadgeProps) {
-  const username = useUsername(publicKey);
-  const avatarUrl = identiconUrl(publicKey);
+  const username = useUsername(identityKey);
+  const avatarUrl = identiconUrl(identityKey);
 
   const sizeConfig = CONFIG[size];
   const rowGap = size === 'lg' ? Atoms.gap_md : Atoms.gap_sm;
@@ -54,7 +53,7 @@ export function IdentityBadge({
         >
           {username}
         </Text>
-        {showId && <PubkeyTag publicKey={publicKey} />}
+        {showId && <IdentityTag identity={identityKey} />}
       </View>
     </View>
   );

apps/polycentric/src/common/components/primitives/PillChip.tsx

@@ -1,34 +1,21 @@
 import { type ComponentProps } from 'react';
 import { Text } from './Text';
-import {
-  getIdentityIdShort,
-  shortenIdentityId,
-} from '@/src/common/lib/polycentric-hooks';
-import { types } from '@polycentric/react-native';
+import { shortenIdentityId } from '@/src/common/lib/polycentric-hooks';
 
-interface PubkeyTagProps {
-  publicKey: types.PublicKey;
-  /**
-   * v2 identity id (hex sha256 of the initial Identity content). When
-   * provided, the tag renders a short form of this identity instead of the
-   * signer's public key — this is what users should actually see.
-   */
-  identity?: string;
+interface IdentityTagProps {
+  /** v2 identity id (hex sha256 of the initial Identity content). */
+  identity: string | undefined;
   style?: ComponentProps<typeof Text>['style'];
 }
 
-export function PubkeyTag({ publicKey, identity, style }: PubkeyTagProps) {
-  const label = identity
-    ? shortenIdentityId(identity)
-    : getIdentityIdShort(publicKey);
-
+export function IdentityTag({ identity, style }: IdentityTagProps) {
   return (
     <Text
       variant="secondary"
       color="neutral_500"
       style={[{ fontFamily: 'monospace' }, style]}
     >
-      {label}
+      {shortenIdentityId(identity)}
     </Text>
   );
 }

apps/polycentric/src/common/constants/routes.ts

@@ -1,10 +1,12 @@
 import { router } from 'expo-router';
 
-export function openCompose(replyToPostId?: string) {
-  if (replyToPostId) {
-    router.push(
-      `${Routes.tabs.feed.compose}?replyTo=${encodeURIComponent(replyToPostId)}`,
-    );
+export function openCompose(replyTo?: {
+  identityId: string;
+  sequence: string;
+}) {
+  if (replyTo) {
+    const path = `${encodeURIComponent(replyTo.identityId)}/${encodeURIComponent(replyTo.sequence)}`;
+    router.push(`${Routes.tabs.feed.compose}?replyTo=${path}`);
   } else {
     router.push(Routes.tabs.feed.compose);
   }