create form

2 files changed, 4 insertions, 4 deletions

diff --git a/packages/web-util/src/components/Button.tsx b/packages/web-util/src/components/Button.tsx
index 18cecbdab..b142114e7 100644
--- a/packages/web-util/src/components/Button.tsx
+++ b/packages/web-util/src/components/Button.tsx
@@ -46,7 +46,7 @@ export interface ButtonHandler<T extends OperationResult<A, B>, A, B> {
   onClick: () => Promise<T | undefined>;
   onNotification: (n: NotificationMessage) => void;
   onOperationSuccess: OnOperationSuccesReturnType<T>;
-  onOperationFail: OnOperationFailReturnType<T>;
+  onOperationFail?: OnOperationFailReturnType<T>;
   onOperationComplete?: () => void;
 }
 
@@ -99,7 +99,7 @@ export function Button<T extends OperationResult<A, B>, A, B>({
               if (resp.type === "fail") {
                 const d = 'detail' in resp  ? resp.detail : undefined
                 
-                const title = handler.onOperationFail(resp as any);
+                const title = !handler.onOperationFail ? "Unexpected error." as TranslatedString : handler.onOperationFail(resp as any);
                 handler.onNotification({
                   title,
                   type: "error",
diff --git a/packages/web-util/src/hooks/useNotifications.ts b/packages/web-util/src/hooks/useNotifications.ts
index 81a1ae91e..103b88c86 100644
--- a/packages/web-util/src/hooks/useNotifications.ts
+++ b/packages/web-util/src/hooks/useNotifications.ts
@@ -209,7 +209,7 @@ export function useLocalNotification(): [
 type HandlerMaker = <T extends OperationResult<A, B>, A, B>(
   onClick: () => Promise<T | undefined>,
   onOperationSuccess: OnOperationSuccesReturnType<T>,
-  onOperationFail: OnOperationFailReturnType<T>,
+  onOperationFail?: OnOperationFailReturnType<T>,
   onOperationComplete?: () => void,
 ) => ButtonHandler<T, A, B>;
 
@@ -231,7 +231,7 @@ export function useLocalNotificationHandler(): [
   function makeHandler<T extends OperationResult<A, B>, A, B>(
     onClick: () => Promise<T | undefined>,
     onOperationSuccess:OnOperationSuccesReturnType<T>,
-    onOperationFail: OnOperationFailReturnType<T>,
+    onOperationFail?: OnOperationFailReturnType<T>,
     onOperationComplete?: () => void,
   ): ButtonHandler<T, A, B> {
     return {