feat(mobile): edit text messages

js/mobile/src/features/stream-view/StreamView.tsx

@@ -60,6 +60,7 @@ import { StreamTopActions } from "./StreamTopActions";
 import { StreamActionsSheet, type StreamActionId } from "./StreamActionsSheet";
 import { StreamMembersSheet } from "./StreamMembersSheet";
 import { RenameStreamSheet } from "./RenameStreamSheet";
+import { EditParticleSheet } from "./EditParticleSheet";
 import { ReactionStack } from "./ReactionStack";
 
 const SCREEN_HEIGHT = Dimensions.get("window").height;
@@ -125,6 +126,7 @@ function StreamViewInner({ streamParticle, path, onExit }: StreamViewProps) {
   const [actionsOpen, setActionsOpen] = useState(false);
   const [membersOpen, setMembersOpen] = useState(false);
   const [renameOpen, setRenameOpen] = useState(false);
+  const [editOpen, setEditOpen] = useState(false);
   const [videoFit, setVideoFit] = useState<"cover" | "contain">("cover");
 
   const isCreator = !!userId && userId === streamParticle.created_by_human_id;
@@ -135,6 +137,16 @@ function StreamViewInner({ streamParticle, path, onExit }: StreamViewProps) {
     currentParticle.type !== "stream" &&
     currentParticle.type !== "folder" &&
     !isParticleDeleted(currentParticle);
+  const canEditCurrentParticle =
+    !!currentParticle &&
+    !!userId &&
+    currentParticle.created_by_human_id === userId &&
+    currentParticle.type === "text" &&
+    !isParticleDeleted(currentParticle);
+  const editableTextParticle =
+    canEditCurrentParticle && currentParticle && currentParticle.type === "text"
+      ? currentParticle
+      : null;
 
   const showFitToggle =
     !!currentParticle &&
@@ -165,6 +177,10 @@ function StreamViewInner({ streamParticle, path, onExit }: StreamViewProps) {
         case "members":
           setMembersOpen(true);
           return;
+        case "edit-particle":
+          if (!canEditCurrentParticle) return;
+          setEditOpen(true);
+          return;
         case "delete-particle": {
           if (!currentParticle || !userId) return;
           if (!canDeleteCurrentParticle) return;
@@ -203,6 +219,7 @@ function StreamViewInner({ streamParticle, path, onExit }: StreamViewProps) {
       currentParticle,
       userId,
       canDeleteCurrentParticle,
+      canEditCurrentParticle,
     ],
   );
 
@@ -634,6 +651,7 @@ function StreamViewInner({ streamParticle, path, onExit }: StreamViewProps) {
           onSelect={(action) => void handleStreamAction(action)}
           streamStatus={streamParticle.status ?? "open"}
           isCreator={isCreator}
+          canEditParticle={canEditCurrentParticle}
           canDeleteParticle={canDeleteCurrentParticle}
         />
 
@@ -652,6 +670,17 @@ function StreamViewInner({ streamParticle, path, onExit }: StreamViewProps) {
           streamId={streamParticle.id}
           currentName={streamParticle.properties.name}
         />
+
+        {editableTextParticle ? (
+          <EditParticleSheet
+            open={editOpen}
+            onClose={() => setEditOpen(false)}
+            networkId={networkId}
+            streamId={streamParticle.id}
+            particleId={editableTextParticle.id}
+            currentContent={editableTextParticle.properties.content}
+          />
+        ) : null}
       </Animated.View>
     </Animated.View>
   );