Formatting

app/forms/idp/create.tsx

@@ -57,7 +57,7 @@ export function CreateIdpSideModalForm() {
       addToast({
         content: (
           <>
-            IDP <HLs>{idp.name}</HLs> created
+            IdP <HLs>{idp.name}</HLs> created
           </>
         ),
       })

app/forms/subnet-create.tsx

@@ -20,7 +20,9 @@ import {
   useCustomRouterItems,
 } from '~/components/form/fields/useItemsList'
 import { SideModalForm } from '~/components/form/SideModalForm'
+import { HLs } from '~/components/HL'
 import { useVpcSelector } from '~/hooks/use-params'
+import { addToast } from '~/stores/toast'
 import { FormDivider } from '~/ui/lib/Divider'
 import { pb } from '~/util/path-builder'
 
@@ -42,9 +44,16 @@ export function CreateSubnetForm() {
   const onDismiss = () => navigate(pb.vpcSubnets(vpcSelector))
 
   const createSubnet = useApiMutation('vpcSubnetCreate', {
-    onSuccess() {
+    onSuccess(subnet) {
       queryClient.invalidateQueries('vpcSubnetList')
       onDismiss()
+      addToast({
+        content: (
+          <>
+            Subnet <HLs>{subnet.name}</HLs> created
+          </>
+        ),
+      })
     },
   })
 

app/pages/project/vpcs/RouterPage.tsx

@@ -21,7 +21,7 @@ import {
   type RouteTarget,
 } from '~/api'
 import { DocsPopover } from '~/components/DocsPopover'
-import { HL, HLs } from '~/components/HL'
+import { HL } from '~/components/HL'
 import { MoreActionsMenu } from '~/components/MoreActionsMenu'
 import { routeFormMessage } from '~/forms/vpc-router-route-common'
 import { getVpcRouterSelector, useVpcRouterSelector } from '~/hooks/use-params'
@@ -88,15 +88,10 @@ export function RouterPage() {
   })
 
   const { mutateAsync: deleteRouterRoute } = useApiMutation('vpcRouterRouteDelete', {
-    onSuccess(_data, variables) {
+    onSuccess() {
       apiQueryClient.invalidateQueries('vpcRouterRouteList')
-      addToast({
-        content: (
-          <>
-            Route <HLs>{variables.path.route}</HLs> deleted
-          </>
-        ),
-      })
+      // We only have the ID, so will show a generic confirmation message
+      addToast({ content: 'Route deleted' })
     },
   })
 

app/pages/project/vpcs/VpcPage/tabs/VpcSubnetsTab.tsx

@@ -46,8 +46,10 @@ export function VpcSubnetsTab() {
   const { Table } = useQueryTable('vpcSubnetList', { query: vpcSelector })
 
   const { mutateAsync: deleteSubnet } = useApiMutation('vpcSubnetDelete', {
-    onSuccess() {
+    onSuccess(a, b) {
+      console.log(a, b)
       queryClient.invalidateQueries('vpcSubnetList')
+      // We only have the ID, so will show a generic confirmation message
       addToast({ content: 'Subnet deleted' })
     },
   })

app/pages/system/silos/SiloIpPoolsTab.tsx

@@ -81,6 +81,8 @@ export function SiloIpPoolsTab() {
   const { mutateAsync: unlinkPool } = useApiMutation('ipPoolSiloUnlink', {
     onSuccess() {
       queryClient.invalidateQueries('siloIpPoolList')
+      // We only have the ID, so will show a generic confirmation message
+      addToast({ content: 'IP pool unlinked' })
     },
   })