F #6422: Upgrade iconoir-react library to the latest version (#3760)

Signed-off-by: Miguel E. Ruiz <mruiz@opennebula.io>

Author: MiguelERuiz

src/fireedge/etc/sunstone/tab-manifest.yaml

@@ -79,7 +79,7 @@
     - title: Virtual Router Template
       path: /vrouter-template/:id
       Component: VrTemplateDetail
-    - title: Create VM group 
+    - title: Create VM group
       path: /vm-group/create
       Component: CreateVmGroup
     - title: VM Groups
@@ -150,7 +150,7 @@
     - title: BackupJobs
       path: /backupjobs
       sidebar: true
-      icon: ClockOutline
+      icon: Clock
       Component: BackupJobs
     - title: BackupJob
       path: /backupjobs/:id

src/fireedge/package-lock.json

@@ -100,7 +100,7 @@
     "http": "0.0.1-security",
     "http-proxy-middleware": "1.0.5",
     "https": "1.0.0",
-    "iconoir-react": "5.5.2",
+    "iconoir-react": "6.11.0",
     "immutable": "4.0.0-rc.12",
     "intersection-observer": "0.11.0",
     "jimp": "0.22.12",

src/fireedge/package.json

@@ -13,9 +13,11 @@
  * See the License for the specific language governing permissions and       *
  * limitations under the License.                                            *
  * ------------------------------------------------------------------------- */
-import EditIcon from 'iconoir-react/dist/Edit'
-import AddIcon from 'iconoir-react/dist/Plus'
-import TrashIcon from 'iconoir-react/dist/Trash'
+import {
+  Edit as EditIcon,
+  Plus as AddIcon,
+  Trash as TrashIcon,
+} from 'iconoir-react'
 import PropTypes from 'prop-types'
 import { memo } from 'react'
 

src/fireedge/src/modules/components/Buttons/AddressRangeActions.js

@@ -20,7 +20,7 @@ import { generatePath, useHistory } from 'react-router-dom'
 import { SubmitButton } from '@modules/components/FormControl'
 import {
   Windows as RdpIcon,
-  TerminalOutline as SshIcon,
+  TerminalTag as SshIcon,
   AppleImac2021 as VncIcon,
 } from 'iconoir-react'
 

src/fireedge/src/modules/components/Buttons/ConsoleAction.js

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and       *
  * limitations under the License.                                            *
  * ------------------------------------------------------------------------- */
-import { ClockOutline, Edit, Trash } from 'iconoir-react'
+import { Clock, Edit, Trash } from 'iconoir-react'
 import PropTypes from 'prop-types'
 import { ReactElement, memo, useMemo } from 'react'
 
@@ -211,7 +211,7 @@ const CharterButton = memo(({ relative, onSubmit }) => {
     <ButtonToTriggerForm
       buttonProps={{
         'data-cy': VM_ACTIONS.CHARTER_CREATE,
-        icon: <ClockOutline />,
+        icon: <Clock />,
         tooltip: <Translate word={T.Charter} />,
         disabled: leases.length <= 0,
       }}

src/fireedge/src/modules/components/Buttons/ScheduleAction.js

@@ -32,7 +32,7 @@ import {
   ModernTv as VmsIcons,
   MinusPinAlt as ZoneIcon,
   Globe as AllIcon,
-  ClockOutline as BackupJobsIcon,
+  Clock as BackupJobsIcon,
 } from 'iconoir-react'
 
 import { useMemo, Component } from 'react'

src/fireedge/src/modules/components/Cards/ACLCards/ACLCardIcons.js

@@ -32,7 +32,7 @@ import {
   ModernTv as VmsIcons,
   MinusPinAlt as ZoneIcon,
   Globe as AllIcon,
-  ClockOutline as BackupJobsIcon,
+  Clock as BackupJobsIcon,
 } from 'iconoir-react'
 
 import { useMemo, Component } from 'react'

src/fireedge/src/modules/components/Cards/ACLCards/ACLCardResources.js

@@ -29,7 +29,7 @@ import {
   Lock,
   Server,
   User,
-  WarningCircledOutline as WarningIcon,
+  WarningCircle as WarningIcon,
 } from 'iconoir-react'
 import PropTypes from 'prop-types'
 import { memo, ReactElement, useMemo } from 'react'

src/fireedge/src/modules/components/Cards/DatastoreCard.js

@@ -22,7 +22,7 @@ import {
   Group,
   Server,
   User,
-  WarningCircledOutline as WarningIcon,
+  WarningCircle as WarningIcon,
   MinusPinAlt as ZoneIcon,
 } from 'iconoir-react'