Prettier fix

Signed-off-by: hram_wh <hakkam@Hakkams-MacBook-Pro.local>
This commit is contained in:
hram_wh
2022-09-23 11:28:16 +05:30
parent 335a9cebde
commit d041518178
4 changed files with 21 additions and 18 deletions
@@ -22,7 +22,9 @@ import { ToolExplorerContent } from '../ToolExplorerContent';
import { configApiRef, useApi } from '@backstage/core-plugin-api';
import { ExploreTool } from '@backstage/plugin-explore-react';
export const DefaultExplorePage = (props: {exploreTools?: Array<ExploreTool>}) => {
export const DefaultExplorePage = (props: {
exploreTools?: Array<ExploreTool>;
}) => {
const configApi = useApi(configApiRef);
const organizationName =
configApi.getOptionalString('organization.name') ?? 'Backstage';
@@ -39,9 +41,7 @@ export const DefaultExplorePage = (props: {exploreTools?: Array<ExploreTool>}) =
<GroupsExplorerContent />
</ExploreLayout.Route>
<ExploreLayout.Route path="tools" title="Tools">
<ToolExplorerContent
exploreTools={props?.exploreTools}
/>
<ToolExplorerContent exploreTools={props?.exploreTools} />
</ExploreLayout.Route>
</ExploreLayout>
);
@@ -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<ExploreTool>}) => {
export const ExplorePage = (props: { exploreTools?: Array<ExploreTool> }) => {
const outlet = useOutlet();
return <>{outlet || <DefaultExplorePage exploreTools={props?.exploreTools} />}</>;
return (
<>{outlet || <DefaultExplorePage exploreTools={props?.exploreTools} />}</>
);
};
@@ -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<ExploreTool>}) => {
const Body = (props: { exploreTools?: Array<ExploreTool> }) => {
var exploreTools;
if(!props?.exploreTools){
if (!props?.exploreTools) {
const exploreToolsConfigApi = useApi(exploreToolsConfigRef);
const {
value: tools,
@@ -59,7 +62,7 @@ const Body = (props: {exploreTools?: Array<ExploreTool>}) => {
);
}
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<ExploreTool>}) => {
);
};
export const ToolExplorerContent = (props: { title?: string, exploreTools?: Array<ExploreTool>}) => (
export const ToolExplorerContent = (props: {
title?: string;
exploreTools?: Array<ExploreTool>;
}) => (
<Content noPadding>
<ContentHeader title={props.title ?? 'Tools'}>
<SupportButton>Discover the tools in your ecosystem.</SupportButton>
</ContentHeader>
<Body exploreTools={props?.exploreTools}/>
<Body exploreTools={props?.exploreTools} />
</Content>
);