fix: formatting

frontend/src/component/integrations/AddonRedirect/AddonRedirect.tsx

@@ -12,7 +12,8 @@ export const AddonRedirect = () => {
 
     return (
         <PageContent>
-            Addons where renamed to <Link to="/integrations">/integrations</Link>
+            Addons where renamed to{' '}
+            <Link to="/integrations">/integrations</Link>
         </PageContent>
     );
 };

frontend/src/component/integrations/IntegrationForm/IntegrationMultiSelector/IntegrationMultiSelector.test.tsx

@@ -35,7 +35,9 @@ describe('AddonMultiSelector', () => {
     });
 
     it('renders with default state', () => {
-        render(<IntegrationMultiSelector {...mockProps} selectedItems={['*']} />);
+        render(
+            <IntegrationMultiSelector {...mockProps} selectedItems={['*']} />
+        );
 
         const checkbox = screen.getByLabelText(
             /all current and future projects/i
@@ -49,7 +51,9 @@ describe('AddonMultiSelector', () => {
 
     it('can toggle "ALL" checkbox', async () => {
         const user = userEvent.setup();
-        render(<IntegrationMultiSelector {...mockProps} selectedItems={['*']} />);
+        render(
+            <IntegrationMultiSelector {...mockProps} selectedItems={['*']} />
+        );
 
         await user.click(screen.getByTestId('select-all-projects'));
 
@@ -70,7 +74,10 @@ describe('AddonMultiSelector', () => {
 
     it('renders with autocomplete enabled if default value is not a wildcard', () => {
         render(
-            <IntegrationMultiSelector {...mockProps} selectedItems={['project1']} />
+            <IntegrationMultiSelector
+                {...mockProps}
+                selectedItems={['project1']}
+            />
         );
 
         const checkbox = screen.getByLabelText(

frontend/src/component/integrations/IntegrationForm/IntegrationMultiSelector/IntegrationMultiSelector.tsx

@@ -138,9 +138,9 @@ export const IntegrationMultiSelector: VFC<IIntegrationMultiSelectorProps> = ({
 
     const DefaultHelpText = () => (
         <StyledHelpText>
-            Selecting {entityName}(s) here will filter events so that your integration
-            will only receive events that are tagged with one of your{' '}
-            {entityName}s.
+            Selecting {entityName}(s) here will filter events so that your
+            integration will only receive events that are tagged with one of
+            your {entityName}s.
         </StyledHelpText>
     );
 

frontend/src/component/integrations/IntegrationList/AvailableAddons/AvailableAddons.tsx

@@ -139,11 +139,7 @@ export const AvailableAddons = ({
     return (
         <PageContent
             isLoading={loading}
-            header={
-                <PageHeader
-                    title={`Available addons (${rows.length})`}
-                />
-            }
+            header={<PageHeader title={`Available addons (${rows.length})`} />}
         >
             <Table {...getTableProps()}>
                 <SortableTableHeader headerGroups={headerGroups} />

frontend/src/component/integrations/IntegrationList/AvailableIntegrations/AvailableIntegrations.tsx

@@ -1,11 +1,8 @@
-import { PageContent } from "component/common/PageContent/PageContent"
-import { VFC } from "react"
+import { PageContent } from 'component/common/PageContent/PageContent';
+import { VFC } from 'react';
 
 interface IAvailableIntegrationsProps {}
 
 export const AvailableIntegrations: VFC<IAvailableIntegrationsProps> = () => {
-
-    return (
-        <PageContent>Available integrations</PageContent>
-    )
-}
+    return <PageContent>Available integrations</PageContent>;
+};

frontend/src/component/integrations/IntegrationList/ConfiguredAddons/ConfiguredAddons.tsx

@@ -180,11 +180,7 @@ export const ConfiguredAddons = () => {
     return (
         <PageContent
             isLoading={loading}
-            header={
-                <PageHeader
-                    title={`Configured addons (${rows.length})`}
-                />
-            }
+            header={<PageHeader title={`Configured addons (${rows.length})`} />}
             sx={theme => ({ marginBottom: theme.spacing(2) })}
         >
             <Table {...getTableProps()}>

frontend/src/component/integrations/IntegrationList/IntegrationNameCell/IntegrationNameCell.tsx

@@ -20,7 +20,9 @@ interface IIntegrationNameCellProps {
 /**
  * @deprecated Remove when integrationsRework flag is removed
  */
-export const IntegrationNameCell = ({ provider }: IIntegrationNameCellProps) => (
+export const IntegrationNameCell = ({
+    provider,
+}: IIntegrationNameCellProps) => (
     <HighlightCell
         value={provider.displayName}
         subtitle={provider.description}