diff --git a/src/pages/compute/containers/Instance/actions/CreateIronic/NetworkStep/index.jsx b/src/pages/compute/containers/Instance/actions/CreateIronic/NetworkStep/index.jsx
index 953e262e..05943780 100644
--- a/src/pages/compute/containers/Instance/actions/CreateIronic/NetworkStep/index.jsx
+++ b/src/pages/compute/containers/Instance/actions/CreateIronic/NetworkStep/index.jsx
@@ -14,7 +14,6 @@
import React from 'react';
import { inject, observer } from 'mobx-react';
-import { Link } from 'react-router-dom';
import { Button } from 'antd';
import { FormOutlined } from '@ant-design/icons';
import { isEmpty, isArray } from 'lodash';
@@ -29,6 +28,7 @@ import {
securityGroupColumns,
securityGroupFilter,
} from 'resources/security-group';
+import { getLinkRender } from 'utils/route-map';
// import EditYamlModal from 'components/Modals/EditYaml';
const { isIPv4, isIpv6 } = ipValidate;
@@ -179,9 +179,10 @@ export class NetworkStep extends Base {
'Please reasonably plan the network and subnet to which the virtual network card belongs.'
)}
{t(' You can go to the console to ')}
-
- {t('create a new network/subnet')}>{' '}
-
+ {getLinkRender({
+ key: 'network',
+ value: `${t('create a new network/subnet')} > `,
+ })}
),
},
@@ -242,9 +243,10 @@ export class NetworkStep extends Base {
'The security group is similar to the firewall function and is used to set up network access control. '
)}
{t(' You can go to the console to ')}
-
- {t('create a new security group')}>{' '}
-
+ {getLinkRender({
+ key: 'securityGroup',
+ value: `${t('create a new security group')}> `,
+ })}
{t(
'Note: The security group you use will act on all virtual adapters of the instance.'
)}
diff --git a/src/pages/compute/containers/Instance/actions/StepCreate/NetworkStep/index.jsx b/src/pages/compute/containers/Instance/actions/StepCreate/NetworkStep/index.jsx
index b8451b7e..a5e9d20c 100644
--- a/src/pages/compute/containers/Instance/actions/StepCreate/NetworkStep/index.jsx
+++ b/src/pages/compute/containers/Instance/actions/StepCreate/NetworkStep/index.jsx
@@ -14,7 +14,6 @@
import React from 'react';
import { inject, observer } from 'mobx-react';
-import { Link } from 'react-router-dom';
import { isEmpty, isArray } from 'lodash';
import { NetworkStore } from 'stores/neutron/network';
import { SubnetStore } from 'stores/neutron/subnet';
@@ -29,6 +28,7 @@ import {
securityGroupFilter,
} from 'resources/security-group';
import { portColumns, portFilters } from 'resources/port';
+import { getLinkRender } from 'utils/route-map';
// import EditYamlModal from 'components/Modals/EditYaml';
const { isIPv4, isIpv6 } = ipValidate;
@@ -209,9 +209,10 @@ export class NetworkStep extends Base {
'Please reasonably plan the network and subnet to which the virtual network card belongs.'
)}
{t(' You can go to the console to ')}
-
- {t('create a new network/subnet')}>{' '}
-
+ {getLinkRender({
+ key: 'network',
+ value: `${t('create a new network/subnet')} > `,
+ })}
),
},
@@ -281,9 +282,10 @@ export class NetworkStep extends Base {
'The security group is similar to the firewall function and is used to set up network access control. '
)}
{t(' You can go to the console to ')}
-
- {t('create a new security group')}>{' '}
-
+ {getLinkRender({
+ key: 'securityGroup',
+ value: `${t('create a new security group')}> `,
+ })}
{t(
'Note: The security group you use will act on all virtual adapters of the instance.'
)}