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. - + );