chore: update follow PR cmts

packages/admin-portal/src/components/pages/apps-management/__tests__/__snapshots__/apps-management.test.tsx.snap

@@ -226,7 +226,7 @@ exports[`admin-apps AdminApprovals should match a snapshot 1`] = `
                               validate={null}
                             >
                               <div
-                                className="field "
+                                className=""
                               >
                                 <div
                                   className="control "
@@ -238,7 +238,7 @@ exports[`admin-apps AdminApprovals should match a snapshot 1`] = `
                                     App Name
                                   </label>
                                   <input
-                                    className="input is-primary"
+                                    className=""
                                     data-test=""
                                     disabled={false}
                                     id="appName"
@@ -273,7 +273,7 @@ exports[`admin-apps AdminApprovals should match a snapshot 1`] = `
                               validate={null}
                             >
                               <div
-                                className="field "
+                                className=""
                               >
                                 <div
                                   className="control "
@@ -285,7 +285,7 @@ exports[`admin-apps AdminApprovals should match a snapshot 1`] = `
                                     Developer Name
                                   </label>
                                   <input
-                                    className="input is-primary"
+                                    className=""
                                     data-test=""
                                     disabled={false}
                                     id="developerName"
@@ -320,7 +320,7 @@ exports[`admin-apps AdminApprovals should match a snapshot 1`] = `
                               validate={null}
                             >
                               <div
-                                className="field "
+                                className=""
                               >
                                 <div
                                   className="control "
@@ -332,7 +332,7 @@ exports[`admin-apps AdminApprovals should match a snapshot 1`] = `
                                     Company Name
                                   </label>
                                   <input
-                                    className="input is-primary"
+                                    className=""
                                     data-test=""
                                     disabled={false}
                                     id="companyName"

packages/admin-portal/src/components/pages/devs-management/__tests__/devs-management.test.tsx

@@ -1,7 +1,12 @@
 import * as React from 'react'
 import { mount } from 'enzyme'
-import { DevsManagement, onPageChangeHandler, onSearchHandler, handleFetchData } from '../devs-management'
-import { DevsManagementFilterFormValues } from '@/components/ui/devs-management-filter-form'
+import {
+  DevsManagement,
+  onPageChangeHandler,
+  onSearchHandler,
+  handleFetchData,
+  onClickStatusButton,
+} from '../devs-management'
 import { getMockRouterProps } from '@/utils/mock-helper'
 import { MemoryRouter } from 'react-router'
 import configureStore from 'redux-mock-store'
@@ -10,6 +15,7 @@ import Routes from '@/constants/routes'
 import appState from '@/reducers/__stubs__/app-state'
 import { PagedResultDeveloperModel_ } from '@reapit/foundations-ts-definitions'
 import { devsManagementRequestData } from '@/actions/devs-management'
+import { DevsManagementFilterFormValues } from '@/components/ui/devs-management-filter-form'
 
 const createStore = (loading: boolean, data?: PagedResultDeveloperModel_) => {
   return {
@@ -111,3 +117,15 @@ describe('handleFetchData', () => {
     expect(dispatch).toBeCalledWith(devsManagementRequestData(params))
   })
 })
+
+describe('onClickStatusButton', () => {
+  it('should run correctly', () => {
+    const setDeveloper = jest.fn()
+    const setIsSetStatusModalOpen = jest.fn()
+    const developerData = {}
+    const fn = onClickStatusButton(setDeveloper, setIsSetStatusModalOpen, developerData)
+    fn()
+    expect(setDeveloper).toBeCalledWith({ ...developerData })
+    expect(setIsSetStatusModalOpen).toBeCalledWith(true)
+  })
+})

packages/admin-portal/src/components/pages/devs-management/devs-management.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react'
+import React from 'react'
 import { History } from 'history'
 import { useDispatch, useSelector } from 'react-redux'
 import { Link } from 'react-router-dom'
@@ -82,6 +82,15 @@ export const onSearchHandler = (history: History<any>) => (
   }
 }
 
+export const onClickStatusButton = (
+  setDeveloper: React.Dispatch<DeveloperModel>,
+  setIsSetStatusModalOpen: React.Dispatch<boolean>,
+  developerData,
+) => () => {
+  setDeveloper({ ...developerData })
+  setIsSetStatusModalOpen(true)
+}
+
 export const DevsManagement: React.FC = () => {
   const dispatch = useDispatch()
   const history = useHistory()
@@ -92,7 +101,7 @@ export const DevsManagement: React.FC = () => {
   const onPageChange = React.useCallback(onPageChangeHandler(history, filterValues), [history, filterValues])
   const onSearch = React.useCallback(onSearchHandler(history), [history])
   const [isSetStatusModalOpen, setIsSetStatusModalOpen] = React.useState(false)
-  const [developer, setDeveloper] = React.useState({} as DeveloperModel)
+  const [developer, setDeveloper] = React.useState<DeveloperModel>({} as DeveloperModel)
 
   const devsManagementState = useSelector(selectDevsManagement)
   const { loading, data } = devsManagementState
@@ -105,6 +114,7 @@ export const DevsManagement: React.FC = () => {
       fetchData({ page: pageNumber, queryString: qs.stringify(filterValues as { name: string; company: string }) })
     }
   }
+
   const pageNo = pageNumber - 1
   const pageNoTimesRevsions = pageNo * REVISIONS_PER_PAGE
   const HeaderCell = ({ row: { index } }) => <div style={{ width: 'auto' }}>{pageNoTimesRevsions + index + 1}</div>
@@ -136,10 +146,7 @@ export const DevsManagement: React.FC = () => {
       <Button
         type="button"
         variant="primary"
-        onClick={() => {
-          setDeveloper({ ...original })
-          setIsSetStatusModalOpen(true)
-        }}
+        onClick={onClickStatusButton(setDeveloper, setIsSetStatusModalOpen, original)}
       >
         Status
       </Button>