new page for available integrations

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

@@ -38,6 +38,9 @@ interface IAvailableAddonsProps {
     loading: boolean;
 }
 
+/**
+ * @deprecated Remove when integrationsRework flag is removed
+ */
 export const AvailableAddons = ({
     providers,
     loading,

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

@@ -7,6 +7,9 @@ interface IConfigureAddonsButtonProps {
     provider: IAddonProvider;
 }
 
+/**
+ * @deprecated Remove when integrationsRework flag is removed
+ */
 export const ConfigureAddonsButton = ({
     provider,
 }: IConfigureAddonsButtonProps) => {

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

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

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

@@ -17,6 +17,9 @@ import { IntegrationIcon } from '../IntegrationIcon/IntegrationIcon';
 import { ConfiguredAddonsActionsCell } from './ConfiguredAddonsActionCell/ConfiguredAddonsActionsCell';
 import { IntegrationNameCell } from '../IntegrationNameCell/IntegrationNameCell';
 
+/**
+ * @deprecated Remove when integrationsRework flag is removed
+ */
 export const ConfiguredAddons = () => {
     const { refetchAddons, addons, providers, loading } = useAddons();
     const { updateAddon, removeAddon } = useAddonsApi();

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

@@ -18,6 +18,9 @@ interface IConfiguredAddonsActionsCellProps {
     setDeletedAddon: React.Dispatch<React.SetStateAction<IAddon>>;
 }
 
+/**
+ * @deprecated Remove when integrationsRework flag is removed
+ */
 export const ConfiguredAddonsActionsCell = ({
     toggleAddon,
     setShowDelete,

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

@@ -3,6 +3,7 @@ import { AvailableAddons } from './AvailableAddons/AvailableAddons';
 import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
 import useAddons from 'hooks/api/getters/useAddons/useAddons';
 import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig';
+import { AvailableIntegrations } from './AvailableIntegrations/AvailableIntegrations';
 
 export const IntegrationList = () => {
     const { providers, addons, loading } = useAddons();
@@ -15,7 +16,13 @@ export const IntegrationList = () => {
                 condition={addons.length > 0}
                 show={<ConfiguredAddons />}
             />
-            <AvailableAddons loading={loading} providers={providers} />
+            <ConditionallyRender
+                condition={integrationsRework}
+                show={<AvailableIntegrations />}
+                elseShow={
+                    <AvailableAddons loading={loading} providers={providers} />
+                }
+            />
         </>
     );
 };

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

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