Display a toaster when a claim is verified

Author: markharding

apps/polycentric/src/features/verifications/hooks/useVerifyClaim.test.ts

@@ -35,6 +35,13 @@ jest.mock('@/src/common/query/hooks/useQuery', () => ({
   invalidateQuery: jest.fn(),
 }));
 
+// The toast barrel pulls in Toaster, whose @rn-primitives/portal dependency
+// ships untranspiled JSX that jest can't parse.
+const mockToast = { success: jest.fn(), error: jest.fn() };
+jest.mock('@/src/common/components/toast', () => ({
+  useToast: () => mockToast,
+}));
+
 import { invalidateQuery } from '@/src/common/query/hooks/useQuery';
 import { v2 } from '@polycentric/react-native';
 import * as React from 'react';
@@ -90,6 +97,7 @@ describe('useVerifyClaim', () => {
 
     expect(mockClient.buildEvent).toHaveBeenCalledWith(content, 8);
     expect(mockClient.sync).toHaveBeenCalledWith('partial-push');
+    expect(mockToast.success).toHaveBeenCalled();
   });
 
   it('refreshes the verifiers list and the verification inbox', async () => {

apps/polycentric/src/features/verifications/hooks/useVerifyClaim.ts

@@ -1,3 +1,4 @@
+import { useToast } from '@/src/common/components/toast';
 import {
   hexToBytes,
   useCurrentIdentity,
@@ -13,6 +14,7 @@ export default function useVerifyClaim() {
   const client = usePolycentric();
   const { identityKey } = useCurrentIdentity();
   const [isPending, setPending] = useState(false);
+  const toast = useToast();
 
   return {
     isPending,
@@ -42,6 +44,8 @@ export default function useVerifyClaim() {
         const signedEvent = await client.signEvent(event);
         await client.commitEvent(signedEvent, content);
 
+        toast.success('Verified!');
+
         // Delivery to servers is best-effort — the verify is already saved
         // locally and will be pushed on the next sync if this fails.
         try {