From 831dafd4513084c758d3b70587a9b7fecce2c100 Mon Sep 17 00:00:00 2001
From: Fabian Mastenbroek <mail.fabianm@gmail.com>
Date: Fri, 18 Mar 2022 13:30:08 +0100
Subject: fix(web/ui): Do not use next/image

This change removes the use of next/image from the project. Although it
is recommended by the Next.js project to use this component, it is not
compatible currently with static export.
---
 opendc-web/opendc-web-ui/src/components/AppHeader.js                 | 4 ++--
 .../src/components/topologies/sidebar/rack/MachineComponent.js       | 5 ++---
 2 files changed, 4 insertions(+), 5 deletions(-)

(limited to 'opendc-web')

diff --git a/opendc-web/opendc-web-ui/src/components/AppHeader.js b/opendc-web/opendc-web-ui/src/components/AppHeader.js
index b33212c4..fd54b3ad 100644
--- a/opendc-web/opendc-web-ui/src/components/AppHeader.js
+++ b/opendc-web/opendc-web-ui/src/components/AppHeader.js
@@ -22,13 +22,13 @@
 
 import { PageHeader } from '@patternfly/react-core'
 import React from 'react'
-import Image from 'next/image'
 import AppHeaderTools from './AppHeaderTools'
 import { AppNavigation } from './AppNavigation'
 import AppLogo from './AppLogo'
 
 export function AppHeader() {
-    const logo = <Image src="/img/logo.png" layout="fixed" width={30} height={30} alt="OpenDC" />
+    // eslint-disable-next-line @next/next/no-img-element
+    const logo = <img src="/img/logo.png" width={30} height={30} alt="OpenDC" />
 
     return (
         <PageHeader
diff --git a/opendc-web/opendc-web-ui/src/components/topologies/sidebar/rack/MachineComponent.js b/opendc-web/opendc-web-ui/src/components/topologies/sidebar/rack/MachineComponent.js
index 921622d6..8897f2d0 100644
--- a/opendc-web/opendc-web-ui/src/components/topologies/sidebar/rack/MachineComponent.js
+++ b/opendc-web/opendc-web-ui/src/components/topologies/sidebar/rack/MachineComponent.js
@@ -1,14 +1,13 @@
 import PropTypes from 'prop-types'
 import React from 'react'
-import Image from 'next/image'
 import { Flex, Label } from '@patternfly/react-core'
 import { Machine } from '../../../../shapes'
 
 const UnitIcon = ({ id, type }) => (
-    <Image
+    // eslint-disable-next-line @next/next/no-img-element
+    <img
         src={'/img/topology/' + id + '-icon.png'}
         alt={'Machine contains ' + type + ' units'}
-        layout="intrinsic"
         height={24}
         width={24}
     />
-- 
cgit v1.2.3