diff --git a/packages/app/src/App.tsx b/packages/app/src/App.tsx
index a807df9943..a61990ed24 100644
--- a/packages/app/src/App.tsx
+++ b/packages/app/src/App.tsx
@@ -245,11 +245,7 @@ const routes = (
- }
+ element={}
/>
}) => {
+export const DefaultExplorePage = (props: {
+ exploreTools?: Array;
+}) => {
const configApi = useApi(configApiRef);
const organizationName =
configApi.getOptionalString('organization.name') ?? 'Backstage';
@@ -39,9 +41,7 @@ export const DefaultExplorePage = (props: {exploreTools?: Array}) =
-
+
);
diff --git a/plugins/explore/src/components/ExplorePage/ExplorePage.tsx b/plugins/explore/src/components/ExplorePage/ExplorePage.tsx
index 62e893feb6..266c816f74 100644
--- a/plugins/explore/src/components/ExplorePage/ExplorePage.tsx
+++ b/plugins/explore/src/components/ExplorePage/ExplorePage.tsx
@@ -19,9 +19,10 @@ import { useOutlet } from 'react-router';
import { DefaultExplorePage } from '../DefaultExplorePage';
import { ExploreTool } from '@backstage/plugin-explore-react';
-
-export const ExplorePage = (props: {exploreTools?: Array}) => {
+export const ExplorePage = (props: { exploreTools?: Array }) => {
const outlet = useOutlet();
- return <>{outlet || }>;
+ return (
+ <>{outlet || }>
+ );
};
diff --git a/plugins/explore/src/components/ToolExplorerContent/ToolExplorerContent.tsx b/plugins/explore/src/components/ToolExplorerContent/ToolExplorerContent.tsx
index f57d9ea43d..c7ed23e185 100644
--- a/plugins/explore/src/components/ToolExplorerContent/ToolExplorerContent.tsx
+++ b/plugins/explore/src/components/ToolExplorerContent/ToolExplorerContent.tsx
@@ -14,7 +14,10 @@
* limitations under the License.
*/
-import { ExploreTool, exploreToolsConfigRef } from '@backstage/plugin-explore-react';
+import {
+ ExploreTool,
+ exploreToolsConfigRef,
+} from '@backstage/plugin-explore-react';
import React from 'react';
import useAsync from 'react-use/lib/useAsync';
import { ToolCard } from '../ToolCard';
@@ -29,9 +32,9 @@ import {
} from '@backstage/core-components';
import { useApi } from '@backstage/core-plugin-api';
-const Body = (props: {exploreTools?: Array}) => {
+const Body = (props: { exploreTools?: Array }) => {
var exploreTools;
- if(!props?.exploreTools){
+ if (!props?.exploreTools) {
const exploreToolsConfigApi = useApi(exploreToolsConfigRef);
const {
value: tools,
@@ -59,7 +62,7 @@ const Body = (props: {exploreTools?: Array}) => {
);
}
exploreTools = tools;
- } else if(props?.exploreTools) {
+ } else if (props?.exploreTools) {
exploreTools = props?.exploreTools;
if (!props?.exploreTools?.length) {
return (
@@ -81,11 +84,14 @@ const Body = (props: {exploreTools?: Array}) => {
);
};
-export const ToolExplorerContent = (props: { title?: string, exploreTools?: Array}) => (
+export const ToolExplorerContent = (props: {
+ title?: string;
+ exploreTools?: Array;
+}) => (
Discover the tools in your ecosystem.
-
+
);