From d04151817817affcd3c5da1bd6a3c1dab7c439df Mon Sep 17 00:00:00 2001
From: hram_wh <hakkam@Hakkams-MacBook-Pro.local>
Date: Fri, 23 Sep 2022 11:28:16 +0530
Subject: [PATCH] Prettier fix

Signed-off-by: hram_wh <hakkam@Hakkams-MacBook-Pro.local>
---
 packages/app/src/App.tsx                       |  6 +-----
 .../DefaultExplorePage/DefaultExplorePage.tsx  |  8 ++++----
 .../src/components/ExplorePage/ExplorePage.tsx |  7 ++++---
 .../ToolExplorerContent.tsx                    | 18 ++++++++++++------
 4 files changed, 21 insertions(+), 18 deletions(-)

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 = (
     </Route>
     <Route
       path="/explore"
-      element={ 
-        <ExplorePage 
-          exploreTools={exploreTools} 
-        />
-      }
+      element={<ExplorePage exploreTools={exploreTools} />}
     />
     <Route
       path="/tech-radar"
diff --git a/plugins/explore/src/components/DefaultExplorePage/DefaultExplorePage.tsx b/plugins/explore/src/components/DefaultExplorePage/DefaultExplorePage.tsx
index 2f329861ab..193034ea87 100644
--- a/plugins/explore/src/components/DefaultExplorePage/DefaultExplorePage.tsx
+++ b/plugins/explore/src/components/DefaultExplorePage/DefaultExplorePage.tsx
@@ -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>
   );
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<ExploreTool>}) => {
+export const ExplorePage = (props: { exploreTools?: Array<ExploreTool> }) => {
   const outlet = useOutlet();
 
-  return <>{outlet || <DefaultExplorePage exploreTools={props?.exploreTools} />}</>;
+  return (
+    <>{outlet || <DefaultExplorePage exploreTools={props?.exploreTools} />}</>
+  );
 };
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<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>
 );