@streamplace/components 0.7.30 → 0.7.32

package/dist/components/chat/mod-view.js

@@ -89,6 +89,7 @@ var DeleteState;
 function DeleteButton({ message, deleteChatMessage, }) {
     const [confirming, setConfirming] = (0, react_1.useState)(DeleteState.None);
     const { onOpenChange } = (0, dropdown_menu_1.useRootContext)();
+    const toast = (0, ui_1.useToast)();
     return ((0, jsx_runtime_1.jsx)(ui_1.DropdownMenuItem, { onPress: () => {
             if (!message)
                 return;
@@ -99,10 +100,15 @@ function DeleteButton({ message, deleteChatMessage, }) {
             if (confirming === DeleteState.Confirmed) {
                 setConfirming(DeleteState.Deleting);
             }
-            deleteChatMessage(message.uri).then(() => {
+            deleteChatMessage(message.uri)
+                .then(() => {
                 // wait ~a second before resetting state to allow deletion to take effect
                 setTimeout(() => setConfirming(DeleteState.None), 1000);
                 onOpenChange?.(false);
+            })
+                .catch((e) => {
+                toast.show("Couldn't delete the message", e);
+                setConfirming(DeleteState.None);
             });
         }, children: (0, jsx_runtime_1.jsx)(ui_1.Text, { color: "destructive", children: confirming === DeleteState.Confirmed
                 ? "Are you sure? Click again to confirm."

package/dist/livestream-store/chat.js

@@ -102,14 +102,14 @@ const useCreateChatMessage = () => {
 exports.useCreateChatMessage = useCreateChatMessage;
 const useDeleteChatMessage = () => {
     const pdsAgent = (0, xrpc_1.usePDSAgent)();
-    if (!pdsAgent) {
-        throw new Error("No PDS agent found");
-    }
     const userDID = (0, streamplace_store_1.useDID)();
-    if (!userDID) {
-        throw new Error("No user DID found");
-    }
     return async (uri) => {
+        if (!pdsAgent) {
+            throw new Error("No PDS agent found");
+        }
+        if (!userDID) {
+            throw new Error("No user DID found");
+        }
         const rkey = uri.split("/").pop();
         if (!rkey) {
             throw new Error("No rkey found");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamplace/components",
-  "version": "0.7.30",
+  "version": "0.7.32",
   "description": "Streamplace React (Native) Components",
   "main": "dist/index.js",
   "types": "src/index.tsx",
@@ -54,5 +54,5 @@
     "start": "tsc --watch --preserveWatchOutput",
     "prepare": "tsc"
   },
-  "gitHead": "c8a2e2822dcdc429221beb918925866e9de7b838"
+  "gitHead": "8c9f6186d1e718bcc4dfe84fe8c681680dddcf0e"
 }

package/src/components/chat/mod-view.tsx

@@ -21,6 +21,7 @@ import {
   layout,
   ResponsiveDropdownMenuContent,
   Text,
+  useToast,
   View,
 } from "../ui";
 
@@ -210,6 +211,7 @@ export function DeleteButton({
 }) {
   const [confirming, setConfirming] = useState<DeleteState>(DeleteState.None);
   const { onOpenChange } = useRootContext();
+  const toast = useToast();
   return (
     <DropdownMenuItem
       onPress={() => {
@@ -221,11 +223,16 @@ export function DeleteButton({
         if (confirming === DeleteState.Confirmed) {
           setConfirming(DeleteState.Deleting);
         }
-        deleteChatMessage(message.uri).then(() => {
-          // wait ~a second before resetting state to allow deletion to take effect
-          setTimeout(() => setConfirming(DeleteState.None), 1000);
-          onOpenChange?.(false);
-        });
+        deleteChatMessage(message.uri)
+          .then(() => {
+            // wait ~a second before resetting state to allow deletion to take effect
+            setTimeout(() => setConfirming(DeleteState.None), 1000);
+            onOpenChange?.(false);
+          })
+          .catch((e) => {
+            toast.show("Couldn't delete the message", e);
+            setConfirming(DeleteState.None);
+          });
       }}
     >
       <Text color="destructive">

package/src/livestream-store/chat.tsx

@@ -135,14 +135,14 @@ export const useCreateChatMessage = () => {
 
 export const useDeleteChatMessage = () => {
   const pdsAgent = usePDSAgent();
-  if (!pdsAgent) {
-    throw new Error("No PDS agent found");
-  }
   const userDID = useDID();
-  if (!userDID) {
-    throw new Error("No user DID found");
-  }
   return async (uri: string) => {
+    if (!pdsAgent) {
+      throw new Error("No PDS agent found");
+    }
+    if (!userDID) {
+      throw new Error("No user DID found");
+    }
     const rkey = uri.split("/").pop();
     if (!rkey) {
       throw new Error("No rkey found");