console: Fix reset denonces

TheThingsNetwork · Oct 30, 2023 · 6c5b94e · 6c5b94e
1 parent 64af2c7
commit 6c5b94e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 8 deletions.
diff --git a/pkg/webui/console/views/device-general-settings/join-server-form/index.js b/pkg/webui/console/views/device-general-settings/join-server-form/index.js
@@ -13,6 +13,7 @@
 // limitations under the License.
 
 import React from 'react'
+import { useDispatch } from 'react-redux'
 
 import SubmitButton from '@ttn-lw/components/submit-button'
 import SubmitBar from '@ttn-lw/components/submit-bar'
@@ -29,6 +30,7 @@ import tooltipIds from '@ttn-lw/lib/constants/tooltip-ids'
 import diff from '@ttn-lw/lib/diff'
 import PropTypes from '@ttn-lw/lib/prop-types'
 import sharedMessages from '@ttn-lw/lib/shared-messages'
+import attachPromise from '@ttn-lw/lib/store/actions/attach-promise'
 
 import { parseLorawanMacVersion, generate16BytesKey } from '@console/lib/device-utils'
 
@@ -79,9 +81,12 @@ const JoinServerForm = React.memo(props => {
     [device, validationContext],
   )
 
+  const dispatch = useDispatch()
+  const appId = device.ids.application_ids.application_id
+  const devId = device.ids.device_id
   const handleUsedDevNoncesReset = React.useCallback(async () => {
     try {
-      await onUsedDevNoncesReset()
+      await dispatch(attachPromise(onUsedDevNoncesReset(appId, devId)))
       toast({
         message: messages.resetSuccess,
         type: toast.types.SUCCESS,
@@ -92,7 +97,7 @@ const JoinServerForm = React.memo(props => {
         type: toast.types.ERROR,
       })
     }
-  }, [onUsedDevNoncesReset])
+  }, [onUsedDevNoncesReset, appId, devId, dispatch])
 
   // Setup and memoize callbacks for changes to `resets_join_nonces` for displaying the field warning.
   const handleResetsJoinNoncesChange = React.useCallback(

diff --git a/pkg/webui/console/views/device-general-settings/network-server-form/index.js b/pkg/webui/console/views/device-general-settings/network-server-form/index.js
@@ -14,7 +14,7 @@
 
 import React from 'react'
 import { defineMessages } from 'react-intl'
-import { useDispatch, useSelector } from 'react-redux'
+import { useDispatch } from 'react-redux'
 
 import Link from '@ttn-lw/components/link'
 import ModalButton from '@ttn-lw/components/button/modal-button'
@@ -49,8 +49,6 @@ import {
   generate16BytesKey,
 } from '@console/lib/device-utils'
 
-import { selectSelectedApplicationId } from '@console/store/selectors/applications'
-
 import messages from '../messages'
 import {
   isDeviceABP,
@@ -235,10 +233,11 @@ const NetworkServerForm = React.memo(props => {
   )
 
   const dispatch = useDispatch()
-  const appId = useSelector(selectSelectedApplicationId)
+  const appId = device.ids.application_ids.application_id
+  const devId = device.ids.device_id
   const handleMacReset = React.useCallback(async () => {
     try {
-      await dispatch(attachPromise(onMacReset(appId, device.ids.device_id)))
+      await dispatch(attachPromise(onMacReset(appId, devId)))
       toast({
         message: m.resetSuccess,
         type: toast.types.SUCCESS,
@@ -249,7 +248,7 @@ const NetworkServerForm = React.memo(props => {
         type: toast.types.ERROR,
       })
     }
-  }, [onMacReset, dispatch, device, appId])
+  }, [onMacReset, dispatch, devId, appId])
 
   const handleSubmit = React.useCallback(
     async (values, { resetForm, setSubmitting }) => {