fix: assets missing in dist

close janus-idp#1527
JounQin · Jun 17, 2024 · 109b453 · 109b453
1 parent 7403c42
commit 109b453
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 23 deletions.
diff --git a/plugins/kiali/dev/index.tsx b/plugins/kiali/dev/index.tsx
@@ -1,3 +1,5 @@
+/// <reference types="@backstage/cli/asset-types" />
+
 import React from 'react';
 
 import { Content, InfoCard, Page } from '@backstage/core-components';

diff --git a/plugins/kiali/src/components/Logos/Logos.tsx b/plugins/kiali/src/components/Logos/Logos.tsx
@@ -1,27 +1,23 @@
 import React from 'react';
 
+import GraphqlIcon from '../../assets/img/api/graphql.svg';
+import GrpcIcon from '../../assets/img/api/grpc.svg';
+import RestIcon from '../../assets/img/api/rest.svg';
+import GoLogo from '../../assets/img/runtime/go.svg';
+import JVMLogo from '../../assets/img/runtime/java.svg';
+import MicroProfileLogo from '../../assets/img/runtime/microprofile.svg';
+import NodejsLogo from '../../assets/img/runtime/nodejs.svg';
+import QuarkusLogo from '../../assets/img/runtime/quarkus.svg';
+import SpringBootLogo from '../../assets/img/runtime/spring-boot.svg';
+import ThorntailLogo from '../../assets/img/runtime/thorntail.svg';
+import TomcatLogo from '../../assets/img/runtime/tomcat.svg';
+import VertxLogo from '../../assets/img/runtime/vertx.svg';
 import { kialiStyle } from '../../styles/StyleUtils';
 
 const iconStyle = kialiStyle({
   height: '1.5rem',
 });
 
-const GraphqlIcon = require('../../assets/img/api/graphql.svg') as string;
-const GrpcIcon = require('../../assets/img/api/grpc.svg') as string;
-const RestIcon = require('../../assets/img/api/rest.svg') as string;
-const GoLogo = require('../../assets/img/runtime/go.svg') as string;
-const JVMLogo = require('../../assets/img/runtime/java.svg') as string;
-const MicroProfileLogo =
-  require('../../assets/img/runtime/microprofile.svg') as string;
-const NodejsLogo = require('../../assets/img/runtime/nodejs.svg') as string;
-const QuarkusLogo = require('../../assets/img/runtime/quarkus.svg') as string;
-const SpringBootLogo =
-  require('../../assets/img/runtime/spring-boot.svg') as string;
-const ThorntailLogo =
-  require('../../assets/img/runtime/thorntail.svg') as string;
-const TomcatLogo = require('../../assets/img/runtime/tomcat.svg') as string;
-const VertxLogo = require('../../assets/img/runtime/vertx.svg') as string;
-
 const renderLogo = (
   name: string,
   title: string | undefined,

diff --git a/plugins/kiali/src/components/MTls/MTLSIcon.tsx b/plugins/kiali/src/components/MTls/MTLSIcon.tsx
@@ -2,13 +2,10 @@ import * as React from 'react';
 
 import { Tooltip, TooltipPosition } from '@patternfly/react-core';
 
-const fullIcon = require('../../assets/img/mtls-status-full.svg') as string;
-const hollowIcon =
-  require('../../assets/img/mtls-status-partial.svg') as string;
-const fullIconDark =
-  require('../../assets/img/mtls-status-full-dark.svg') as string;
-const hollowIconDark =
-  require('../../assets/img/mtls-status-partial-dark.svg') as string;
+import fullIconDark from '../../assets/img/mtls-status-full-dark.svg';
+import fullIcon from '../../assets/img/mtls-status-full.svg';
+import hollowIconDark from '../../assets/img/mtls-status-partial-dark.svg';
+import hollowIcon from '../../assets/img/mtls-status-partial.svg';
 
 export { fullIcon, hollowIcon, fullIconDark, hollowIconDark };