From cd3395835d02c0ecda958ff9ae6fd0e7b3833514 Mon Sep 17 00:00:00 2001
From: erdoganoksuz <erdoganoksuz95@gmail.com>
Date: Fri, 12 Mar 2021 15:16:11 +0300
Subject: [PATCH 1/2] prettier

Signed-off-by: erdoganoksuz <erdoganoksuz95@gmail.com>
---
 packages/app/public/index.html                |  2 +-
 packages/core/src/layout/Sidebar/Intro.tsx    |  7 +++---
 .../PreparePullRequestForm.tsx                | 10 +++-----
 .../components/CatalogPage/CatalogPage.tsx    |  7 +++---
 .../WorkflowRunDetails/useWorkflowRunJobs.ts  |  4 +++-
 .../cost-insights/src/testUtils/providers.tsx | 24 ++++++++++++++-----
 .../src/kubernetes-auth-provider/types.ts     | 13 +++++-----
 plugins/lighthouse/src/api.ts                 |  7 +++---
 .../Group/MembersList/MembersListCard.tsx     | 15 ++++++------
 9 files changed, 48 insertions(+), 41 deletions(-)
diff --git a/packages/app/public/index.html b/packages/app/public/index.html
index 9a665141c0..77e5c01e19 100644
--- a/packages/app/public/index.html
+++ b/packages/app/public/index.html
@@ -66,7 +66,7 @@
     </script>
     <% } %>
   </head>
-  <body style="margin: 0">
+  <body style="margin: 0;">
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <!--
diff --git a/packages/core/src/layout/Sidebar/Intro.tsx b/packages/core/src/layout/Sidebar/Intro.tsx
index b95719c05f..d0af0c3633 100644
--- a/packages/core/src/layout/Sidebar/Intro.tsx
+++ b/packages/core/src/layout/Sidebar/Intro.tsx
@@ -133,10 +133,9 @@ export const SidebarIntro = () => {
     starredItemsDismissed: false,
     recentlyViewedItemsDismissed: false,
   };
-  const [
-    dismissedIntro,
-    setDismissedIntro,
-  ] = useLocalStorage<SidebarIntroLocalStorage>(SIDEBAR_INTRO_LOCAL_STORAGE);
+  const [dismissedIntro, setDismissedIntro] = useLocalStorage<
+    SidebarIntroLocalStorage
+  >(SIDEBAR_INTRO_LOCAL_STORAGE);
 
   const { starredItemsDismissed, recentlyViewedItemsDismissed } =
     dismissedIntro ?? {};
diff --git a/plugins/catalog-import/src/components/StepPrepareCreatePullRequest/PreparePullRequestForm.tsx b/plugins/catalog-import/src/components/StepPrepareCreatePullRequest/PreparePullRequestForm.tsx
index ad848d7893..9d59f4e10e 100644
--- a/plugins/catalog-import/src/components/StepPrepareCreatePullRequest/PreparePullRequestForm.tsx
+++ b/plugins/catalog-import/src/components/StepPrepareCreatePullRequest/PreparePullRequestForm.tsx
@@ -55,13 +55,9 @@ export const PreparePullRequestForm = <
   onSubmit,
   render,
 }: Props<TFieldValues>) => {
-  const {
-    handleSubmit,
-    watch,
-    control,
-    register,
-    errors,
-  } = useForm<TFieldValues>({ mode: 'onTouched', defaultValues });
+  const { handleSubmit, watch, control, register, errors } = useForm<
+    TFieldValues
+  >({ mode: 'onTouched', defaultValues });
 
   return (
     <form onSubmit={handleSubmit(onSubmit)}>
diff --git a/plugins/catalog/src/components/CatalogPage/CatalogPage.tsx b/plugins/catalog/src/components/CatalogPage/CatalogPage.tsx
index 4679c10096..338028bca1 100644
--- a/plugins/catalog/src/components/CatalogPage/CatalogPage.tsx
+++ b/plugins/catalog/src/components/CatalogPage/CatalogPage.tsx
@@ -74,10 +74,9 @@ const CatalogPageContents = () => {
   const errorApi = useApi(errorApiRef);
   const { isStarredEntity } = useStarredEntities();
   const [selectedTab, setSelectedTab] = useState<string>();
-  const [
-    selectedSidebarItem,
-    setSelectedSidebarItem,
-  ] = useState<CatalogFilterType>();
+  const [selectedSidebarItem, setSelectedSidebarItem] = useState<
+    CatalogFilterType
+  >();
   const orgName = configApi.getOptionalString('organization.name') ?? 'Company';
   const createComponentLink = useRouteRef(createComponentRouteRef);
   const addMockData = useCallback(async () => {
diff --git a/plugins/cloudbuild/src/components/WorkflowRunDetails/useWorkflowRunJobs.ts b/plugins/cloudbuild/src/components/WorkflowRunDetails/useWorkflowRunJobs.ts
index cc2ccafa04..2150e01d98 100644
--- a/plugins/cloudbuild/src/components/WorkflowRunDetails/useWorkflowRunJobs.ts
+++ b/plugins/cloudbuild/src/components/WorkflowRunDetails/useWorkflowRunJobs.ts
@@ -17,7 +17,9 @@ import { useAsync } from 'react-use';
 import { ActionsListWorkflowRunsForRepoResponseData } from '../../api/types';
 
 export const useWorkflowRunJobs = (jobsUrl?: string) => {
-  const jobs = useAsync(async (): Promise<ActionsListWorkflowRunsForRepoResponseData> => {
+  const jobs = useAsync(async (): Promise<
+    ActionsListWorkflowRunsForRepoResponseData
+  > => {
     if (jobsUrl === undefined) {
       return {
         builds: [],
diff --git a/plugins/cost-insights/src/testUtils/providers.tsx b/plugins/cost-insights/src/testUtils/providers.tsx
index 26f51fbed2..1097d86be4 100644
--- a/plugins/cost-insights/src/testUtils/providers.tsx
+++ b/plugins/cost-insights/src/testUtils/providers.tsx
@@ -38,7 +38,9 @@ type PartialPropsWithChildren<T> = PropsWithChildren<Partial<T>>;
 
 export const MockGroups: Group[] = [{ id: 'tech' }, { id: 'mock-group' }];
 
-export type MockFilterProviderProps = PartialPropsWithChildren<FilterContextProps>;
+export type MockFilterProviderProps = PartialPropsWithChildren<
+  FilterContextProps
+>;
 
 export const MockFilterProvider = ({
   children,
@@ -62,7 +64,9 @@ export const MockFilterProvider = ({
   );
 };
 
-export type MockLoadingProviderProps = PartialPropsWithChildren<LoadingContextProps>;
+export type MockLoadingProviderProps = PartialPropsWithChildren<
+  LoadingContextProps
+>;
 
 export const MockLoadingProvider = ({
   children,
@@ -80,7 +84,9 @@ export const MockLoadingProvider = ({
   );
 };
 
-export type MockConfigProviderProps = PartialPropsWithChildren<ConfigContextProps>;
+export type MockConfigProviderProps = PartialPropsWithChildren<
+  ConfigContextProps
+>;
 
 export const MockConfigProvider = ({
   children,
@@ -100,7 +106,9 @@ export const MockConfigProvider = ({
   );
 };
 
-export type MockCurrencyProviderProps = PartialPropsWithChildren<CurrencyContextProps>;
+export type MockCurrencyProviderProps = PartialPropsWithChildren<
+  CurrencyContextProps
+>;
 
 export const MockCurrencyProvider = ({
   children,
@@ -121,7 +129,9 @@ export const MockCurrencyProvider = ({
   );
 };
 
-export type MockBillingDateProviderProps = PartialPropsWithChildren<BillingDateContextProps>;
+export type MockBillingDateProviderProps = PartialPropsWithChildren<
+  BillingDateContextProps
+>;
 
 export const MockBillingDateProvider = ({
   children,
@@ -151,7 +161,9 @@ export const MockScrollProvider = ({ children }: MockScrollProviderProps) => {
   );
 };
 
-export type MockGroupsProviderProps = PartialPropsWithChildren<GroupsContextProps>;
+export type MockGroupsProviderProps = PartialPropsWithChildren<
+  GroupsContextProps
+>;
 
 export const MockGroupsProvider = ({
   children,
diff --git a/plugins/kubernetes/src/kubernetes-auth-provider/types.ts b/plugins/kubernetes/src/kubernetes-auth-provider/types.ts
index 2bed2838b9..5bd253d2c1 100644
--- a/plugins/kubernetes/src/kubernetes-auth-provider/types.ts
+++ b/plugins/kubernetes/src/kubernetes-auth-provider/types.ts
@@ -23,13 +23,12 @@ export interface KubernetesAuthProvider {
   ): Promise<KubernetesRequestBody>;
 }
 
-export const kubernetesAuthProvidersApiRef = createApiRef<KubernetesAuthProvidersApi>(
-  {
-    id: 'plugin.kubernetes-auth-providers.service',
-    description:
-      'Used by the Kubernetes plugin to fetch KubernetesAuthProviders',
-  },
-);
+export const kubernetesAuthProvidersApiRef = createApiRef<
+  KubernetesAuthProvidersApi
+>({
+  id: 'plugin.kubernetes-auth-providers.service',
+  description: 'Used by the Kubernetes plugin to fetch KubernetesAuthProviders',
+});
 
 export interface KubernetesAuthProvidersApi {
   decorateRequestBodyForAuth(
diff --git a/plugins/lighthouse/src/api.ts b/plugins/lighthouse/src/api.ts
index 2ff7797935..03b42a38b9 100644
--- a/plugins/lighthouse/src/api.ts
+++ b/plugins/lighthouse/src/api.ts
@@ -125,10 +125,9 @@ export class LighthouseRestApi implements LighthouseApi {
     return await resp.json();
   }
 
-  async getWebsiteList({
-    limit,
-    offset,
-  }: LASListRequest = {}): Promise<WebsiteListResponse> {
+  async getWebsiteList({ limit, offset }: LASListRequest = {}): Promise<
+    WebsiteListResponse
+  > {
     const params = new URLSearchParams();
     if (typeof limit === 'number') params.append('limit', limit.toString());
     if (typeof offset === 'number') params.append('offset', offset.toString());
diff --git a/plugins/org/src/components/Cards/Group/MembersList/MembersListCard.tsx b/plugins/org/src/components/Cards/Group/MembersList/MembersListCard.tsx
index a73216b23b..e60e22a8f2 100644
--- a/plugins/org/src/components/Cards/Group/MembersList/MembersListCard.tsx
+++ b/plugins/org/src/components/Cards/Group/MembersList/MembersListCard.tsx
@@ -125,13 +125,14 @@ export const MembersListCard = (_props: {
         kind: 'User',
       },
     });
-    const groupMembersList = ((membersList.items as unknown) as Array<UserEntity>).filter(
-      member =>
-        member?.relations?.some(
-          r =>
-            r.type === RELATION_MEMBER_OF &&
-            r.target.name.toLowerCase() === groupName.toLowerCase(),
-        ),
+    const groupMembersList = ((membersList.items as unknown) as Array<
+      UserEntity
+    >).filter(member =>
+      member?.relations?.some(
+        r =>
+          r.type === RELATION_MEMBER_OF &&
+          r.target.name.toLowerCase() === groupName.toLowerCase(),
+      ),
     );
     return groupMembersList;
   }, [catalogApi]);

From 5a522720432bf1ac3637a00cdb93982d4386648b Mon Sep 17 00:00:00 2001
From: erdoganoksuz <erdoganoksuz95@gmail.com>
Date: Fri, 12 Mar 2021 15:33:15 +0300
Subject: [PATCH 2/2] prettier

Signed-off-by: erdoganoksuz <erdoganoksuz95@gmail.com>
---
 packages/app/public/index.html                |  2 +-
 packages/core/src/layout/Sidebar/Intro.tsx    |  7 +++---
 .../PreparePullRequestForm.tsx                | 10 +++++---
 .../components/CatalogPage/CatalogPage.tsx    |  7 +++---
 .../WorkflowRunDetails/useWorkflowRunJobs.ts  |  4 +---
 .../cost-insights/src/testUtils/providers.tsx | 24 +++++--------------
 .../src/kubernetes-auth-provider/types.ts     | 13 +++++-----
 plugins/lighthouse/src/api.ts                 |  7 +++---
 .../Group/MembersList/MembersListCard.tsx     | 15 ++++++------
 9 files changed, 41 insertions(+), 48 deletions(-)

diff --git a/packages/app/public/index.html b/packages/app/public/index.html
index 77e5c01e19..9a665141c0 100644
--- a/packages/app/public/index.html
+++ b/packages/app/public/index.html
@@ -66,7 +66,7 @@
     </script>
     <% } %>
   </head>
-  <body style="margin: 0;">
+  <body style="margin: 0">
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <!--
diff --git a/packages/core/src/layout/Sidebar/Intro.tsx b/packages/core/src/layout/Sidebar/Intro.tsx
index d0af0c3633..b95719c05f 100644
--- a/packages/core/src/layout/Sidebar/Intro.tsx
+++ b/packages/core/src/layout/Sidebar/Intro.tsx
@@ -133,9 +133,10 @@ export const SidebarIntro = () => {
     starredItemsDismissed: false,
     recentlyViewedItemsDismissed: false,
   };
-  const [dismissedIntro, setDismissedIntro] = useLocalStorage<
-    SidebarIntroLocalStorage
-  >(SIDEBAR_INTRO_LOCAL_STORAGE);
+  const [
+    dismissedIntro,
+    setDismissedIntro,
+  ] = useLocalStorage<SidebarIntroLocalStorage>(SIDEBAR_INTRO_LOCAL_STORAGE);
 
   const { starredItemsDismissed, recentlyViewedItemsDismissed } =
     dismissedIntro ?? {};
diff --git a/plugins/catalog-import/src/components/StepPrepareCreatePullRequest/PreparePullRequestForm.tsx b/plugins/catalog-import/src/components/StepPrepareCreatePullRequest/PreparePullRequestForm.tsx
index 9d59f4e10e..ad848d7893 100644
--- a/plugins/catalog-import/src/components/StepPrepareCreatePullRequest/PreparePullRequestForm.tsx
+++ b/plugins/catalog-import/src/components/StepPrepareCreatePullRequest/PreparePullRequestForm.tsx
@@ -55,9 +55,13 @@ export const PreparePullRequestForm = <
   onSubmit,
   render,
 }: Props<TFieldValues>) => {
-  const { handleSubmit, watch, control, register, errors } = useForm<
-    TFieldValues
-  >({ mode: 'onTouched', defaultValues });
+  const {
+    handleSubmit,
+    watch,
+    control,
+    register,
+    errors,
+  } = useForm<TFieldValues>({ mode: 'onTouched', defaultValues });
 
   return (
     <form onSubmit={handleSubmit(onSubmit)}>
diff --git a/plugins/catalog/src/components/CatalogPage/CatalogPage.tsx b/plugins/catalog/src/components/CatalogPage/CatalogPage.tsx
index 338028bca1..4679c10096 100644
--- a/plugins/catalog/src/components/CatalogPage/CatalogPage.tsx
+++ b/plugins/catalog/src/components/CatalogPage/CatalogPage.tsx
@@ -74,9 +74,10 @@ const CatalogPageContents = () => {
   const errorApi = useApi(errorApiRef);
   const { isStarredEntity } = useStarredEntities();
   const [selectedTab, setSelectedTab] = useState<string>();
-  const [selectedSidebarItem, setSelectedSidebarItem] = useState<
-    CatalogFilterType
-  >();
+  const [
+    selectedSidebarItem,
+    setSelectedSidebarItem,
+  ] = useState<CatalogFilterType>();
   const orgName = configApi.getOptionalString('organization.name') ?? 'Company';
   const createComponentLink = useRouteRef(createComponentRouteRef);
   const addMockData = useCallback(async () => {
diff --git a/plugins/cloudbuild/src/components/WorkflowRunDetails/useWorkflowRunJobs.ts b/plugins/cloudbuild/src/components/WorkflowRunDetails/useWorkflowRunJobs.ts
index 2150e01d98..cc2ccafa04 100644
--- a/plugins/cloudbuild/src/components/WorkflowRunDetails/useWorkflowRunJobs.ts
+++ b/plugins/cloudbuild/src/components/WorkflowRunDetails/useWorkflowRunJobs.ts
@@ -17,9 +17,7 @@ import { useAsync } from 'react-use';
 import { ActionsListWorkflowRunsForRepoResponseData } from '../../api/types';
 
 export const useWorkflowRunJobs = (jobsUrl?: string) => {
-  const jobs = useAsync(async (): Promise<
-    ActionsListWorkflowRunsForRepoResponseData
-  > => {
+  const jobs = useAsync(async (): Promise<ActionsListWorkflowRunsForRepoResponseData> => {
     if (jobsUrl === undefined) {
       return {
         builds: [],
diff --git a/plugins/cost-insights/src/testUtils/providers.tsx b/plugins/cost-insights/src/testUtils/providers.tsx
index 1097d86be4..26f51fbed2 100644
--- a/plugins/cost-insights/src/testUtils/providers.tsx
+++ b/plugins/cost-insights/src/testUtils/providers.tsx
@@ -38,9 +38,7 @@ type PartialPropsWithChildren<T> = PropsWithChildren<Partial<T>>;
 
 export const MockGroups: Group[] = [{ id: 'tech' }, { id: 'mock-group' }];
 
-export type MockFilterProviderProps = PartialPropsWithChildren<
-  FilterContextProps
->;
+export type MockFilterProviderProps = PartialPropsWithChildren<FilterContextProps>;
 
 export const MockFilterProvider = ({
   children,
@@ -64,9 +62,7 @@ export const MockFilterProvider = ({
   );
 };
 
-export type MockLoadingProviderProps = PartialPropsWithChildren<
-  LoadingContextProps
->;
+export type MockLoadingProviderProps = PartialPropsWithChildren<LoadingContextProps>;
 
 export const MockLoadingProvider = ({
   children,
@@ -84,9 +80,7 @@ export const MockLoadingProvider = ({
   );
 };
 
-export type MockConfigProviderProps = PartialPropsWithChildren<
-  ConfigContextProps
->;
+export type MockConfigProviderProps = PartialPropsWithChildren<ConfigContextProps>;
 
 export const MockConfigProvider = ({
   children,
@@ -106,9 +100,7 @@ export const MockConfigProvider = ({
   );
 };
 
-export type MockCurrencyProviderProps = PartialPropsWithChildren<
-  CurrencyContextProps
->;
+export type MockCurrencyProviderProps = PartialPropsWithChildren<CurrencyContextProps>;
 
 export const MockCurrencyProvider = ({
   children,
@@ -129,9 +121,7 @@ export const MockCurrencyProvider = ({
   );
 };
 
-export type MockBillingDateProviderProps = PartialPropsWithChildren<
-  BillingDateContextProps
->;
+export type MockBillingDateProviderProps = PartialPropsWithChildren<BillingDateContextProps>;
 
 export const MockBillingDateProvider = ({
   children,
@@ -161,9 +151,7 @@ export const MockScrollProvider = ({ children }: MockScrollProviderProps) => {
   );
 };
 
-export type MockGroupsProviderProps = PartialPropsWithChildren<
-  GroupsContextProps
->;
+export type MockGroupsProviderProps = PartialPropsWithChildren<GroupsContextProps>;
 
 export const MockGroupsProvider = ({
   children,
diff --git a/plugins/kubernetes/src/kubernetes-auth-provider/types.ts b/plugins/kubernetes/src/kubernetes-auth-provider/types.ts
index 5bd253d2c1..2bed2838b9 100644
--- a/plugins/kubernetes/src/kubernetes-auth-provider/types.ts
+++ b/plugins/kubernetes/src/kubernetes-auth-provider/types.ts
@@ -23,12 +23,13 @@ export interface KubernetesAuthProvider {
   ): Promise<KubernetesRequestBody>;
 }
 
-export const kubernetesAuthProvidersApiRef = createApiRef<
-  KubernetesAuthProvidersApi
->({
-  id: 'plugin.kubernetes-auth-providers.service',
-  description: 'Used by the Kubernetes plugin to fetch KubernetesAuthProviders',
-});
+export const kubernetesAuthProvidersApiRef = createApiRef<KubernetesAuthProvidersApi>(
+  {
+    id: 'plugin.kubernetes-auth-providers.service',
+    description:
+      'Used by the Kubernetes plugin to fetch KubernetesAuthProviders',
+  },
+);
 
 export interface KubernetesAuthProvidersApi {
   decorateRequestBodyForAuth(
diff --git a/plugins/lighthouse/src/api.ts b/plugins/lighthouse/src/api.ts
index 03b42a38b9..2ff7797935 100644
--- a/plugins/lighthouse/src/api.ts
+++ b/plugins/lighthouse/src/api.ts
@@ -125,9 +125,10 @@ export class LighthouseRestApi implements LighthouseApi {
     return await resp.json();
   }
 
-  async getWebsiteList({ limit, offset }: LASListRequest = {}): Promise<
-    WebsiteListResponse
-  > {
+  async getWebsiteList({
+    limit,
+    offset,
+  }: LASListRequest = {}): Promise<WebsiteListResponse> {
     const params = new URLSearchParams();
     if (typeof limit === 'number') params.append('limit', limit.toString());
     if (typeof offset === 'number') params.append('offset', offset.toString());
diff --git a/plugins/org/src/components/Cards/Group/MembersList/MembersListCard.tsx b/plugins/org/src/components/Cards/Group/MembersList/MembersListCard.tsx
index e60e22a8f2..a73216b23b 100644
--- a/plugins/org/src/components/Cards/Group/MembersList/MembersListCard.tsx
+++ b/plugins/org/src/components/Cards/Group/MembersList/MembersListCard.tsx
@@ -125,14 +125,13 @@ export const MembersListCard = (_props: {
         kind: 'User',
       },
     });
-    const groupMembersList = ((membersList.items as unknown) as Array<
-      UserEntity
-    >).filter(member =>
-      member?.relations?.some(
-        r =>
-          r.type === RELATION_MEMBER_OF &&
-          r.target.name.toLowerCase() === groupName.toLowerCase(),
-      ),
+    const groupMembersList = ((membersList.items as unknown) as Array<UserEntity>).filter(
+      member =>
+        member?.relations?.some(
+          r =>
+            r.type === RELATION_MEMBER_OF &&
+            r.target.name.toLowerCase() === groupName.toLowerCase(),
+        ),
     );
     return groupMembersList;
   }, [catalogApi]);
