@@ -147,13 +143,8 @@ export const FormLayout = ({
)}
-
- Save
+
+ Submit
diff --git a/src/components/CheckForm/FormLayout/FormSection.tsx b/src/components/CheckForm/FormLayout/FormSection.tsx
index 84510c585..8aeb076ce 100644
--- a/src/components/CheckForm/FormLayout/FormSection.tsx
+++ b/src/components/CheckForm/FormLayout/FormSection.tsx
@@ -5,8 +5,11 @@ import { Box, Stack, Text, useStyles2 } from '@grafana/ui';
import { css } from '@emotion/css';
import { CheckFormValues } from 'types';
-import { CheckStatusInfo, type CheckStatusInfoProps } from 'components/CheckStatusInfo';
-import { NewStatusBadge } from 'components/NewStatusBadge';
+import {
+ CheckStatusInfo,
+ CheckStatusInfoProps,
+ NewStatusBadge,
+} from 'components/CheckEditor/FormComponents/CheckStatusInfo';
import { FORM_MAX_WIDTH } from './FormLayout';
diff --git a/src/components/CheckStatusInfo/index.ts b/src/components/CheckStatusInfo/index.ts
deleted file mode 100644
index a70e5d650..000000000
--- a/src/components/CheckStatusInfo/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { CheckStatusInfo, type CheckStatusInfoProps } from './CheckStatusInfo';
diff --git a/src/page/ChooseCheckGroup/components/CheckGroupCard.tsx b/src/components/ChooseCheckGroup/CheckGroupCard.tsx
similarity index 96%
rename from src/page/ChooseCheckGroup/components/CheckGroupCard.tsx
rename to src/components/ChooseCheckGroup/CheckGroupCard.tsx
index 920612210..2bca4901e 100644
--- a/src/page/ChooseCheckGroup/components/CheckGroupCard.tsx
+++ b/src/components/ChooseCheckGroup/CheckGroupCard.tsx
@@ -10,10 +10,9 @@ import { getRoute } from 'routing/utils';
import { CheckTypeGroupOption } from 'hooks/useCheckTypeGroupOptions';
import { useCheckTypeOptions } from 'hooks/useCheckTypeOptions';
import { useLimits } from 'hooks/useLimits';
-import { Card } from 'components/Card';
-import { CheckStatusInfo } from 'components/CheckStatusInfo';
-import { NewStatusBadge } from 'components/NewStatusBadge';
+import { CheckStatusInfo, NewStatusBadge } from 'components/CheckEditor/FormComponents/CheckStatusInfo';
+import { Card } from '../Card';
import { Protocol } from './Protocol';
export const CheckGroupCard = ({ group }: { group: CheckTypeGroupOption }) => {
diff --git a/src/page/ChooseCheckGroup/ChooseCheckGroup.test.tsx b/src/components/ChooseCheckGroup/ChooseCheckGroup.test.tsx
similarity index 100%
rename from src/page/ChooseCheckGroup/ChooseCheckGroup.test.tsx
rename to src/components/ChooseCheckGroup/ChooseCheckGroup.test.tsx
diff --git a/src/page/ChooseCheckGroup/ChooseCheckGroup.tsx b/src/components/ChooseCheckGroup/ChooseCheckGroup.tsx
similarity index 97%
rename from src/page/ChooseCheckGroup/ChooseCheckGroup.tsx
rename to src/components/ChooseCheckGroup/ChooseCheckGroup.tsx
index 9d3d26b14..51529d4af 100644
--- a/src/page/ChooseCheckGroup/ChooseCheckGroup.tsx
+++ b/src/components/ChooseCheckGroup/ChooseCheckGroup.tsx
@@ -8,7 +8,7 @@ import { DataTestIds } from 'test/dataTestIds';
import { useCheckTypeGroupOptions } from 'hooks/useCheckTypeGroupOptions';
import { OverLimitAlert } from 'components/OverLimitAlert';
-import { CheckGroupCard } from './components/CheckGroupCard';
+import { CheckGroupCard } from './CheckGroupCard';
export const ChooseCheckGroup = () => {
const styles = useStyles2(getStyles);
diff --git a/src/page/ChooseCheckGroup/components/Protocol.tsx b/src/components/ChooseCheckGroup/Protocol.tsx
similarity index 100%
rename from src/page/ChooseCheckGroup/components/Protocol.tsx
rename to src/components/ChooseCheckGroup/Protocol.tsx
diff --git a/src/page/ChooseCheckGroup/index.ts b/src/components/ChooseCheckGroup/index.ts
similarity index 100%
rename from src/page/ChooseCheckGroup/index.ts
rename to src/components/ChooseCheckGroup/index.ts
diff --git a/src/components/ConfigActions.test.tsx b/src/components/ConfigActions.test.tsx
new file mode 100644
index 000000000..514290f93
--- /dev/null
+++ b/src/components/ConfigActions.test.tsx
@@ -0,0 +1,61 @@
+import React from 'react';
+import { screen } from '@testing-library/react';
+import { render } from 'test/render';
+
+import { hasGlobalPermission } from 'utils';
+import { ConfigActions } from 'components/ConfigActions';
+
+jest.mock('utils', () => {
+ return {
+ ...jest.requireActual('utils'),
+ hasGlobalPermission: jest.fn().mockReturnValue(true),
+ };
+});
+
+it('shows disable option when activated', async () => {
+ render(
);
+
+ const disableButton = await screen.findByText('Disable synthetic monitoring');
+ expect(disableButton).toBeInTheDocument();
+});
+
+it('shows enable action when disabled', async () => {
+ render(
, {
+ meta: {
+ enabled: false,
+ },
+ });
+
+ const enableButton = await screen.findByText('Enable plugin');
+ expect(enableButton).toBeInTheDocument();
+});
+
+it('shows setup action when not intialized', async () => {
+ render(
);
+ const setupButton = await screen.findByText('Setup');
+ expect(setupButton).toBeInTheDocument();
+});
+
+it(`doesn't show any config actions when the user doesn't have write permissions`, async () => {
+ jest.mocked(hasGlobalPermission).mockReturnValue(false);
+
+ render(
);
+
+ expect(screen.queryByText('Disable synthetic monitoring')).not.toBeInTheDocument();
+ expect(screen.queryByText('Enable plugin')).not.toBeInTheDocument();
+ expect(screen.queryByText('Setup')).not.toBeInTheDocument();
+});
+
+it(`doesn't show any config actions when the user doesn't have write permissions and meta enabled is false`, async () => {
+ jest.mocked(hasGlobalPermission).mockReturnValue(false);
+
+ render(
, {
+ meta: {
+ enabled: false,
+ },
+ });
+
+ expect(screen.queryByText('Disable synthetic monitoring')).not.toBeInTheDocument();
+ expect(screen.queryByText('Enable plugin')).not.toBeInTheDocument();
+ expect(screen.queryByText('Setup')).not.toBeInTheDocument();
+});
diff --git a/src/components/ConfigActions.tsx b/src/components/ConfigActions.tsx
new file mode 100644
index 000000000..17ad11ad2
--- /dev/null
+++ b/src/components/ConfigActions.tsx
@@ -0,0 +1,59 @@
+import React, { useState } from 'react';
+import { getBackendSrv } from '@grafana/runtime';
+import { Button, LinkButton } from '@grafana/ui';
+
+import { hasGlobalPermission } from 'utils';
+import { ROUTES } from 'routing/types';
+import { getRoute } from 'routing/utils';
+import { useMeta } from 'hooks/useMeta';
+
+import { DisablePluginModal } from './DisablePluginModal';
+
+export const ConfigActions = ({ initialized }: { initialized?: boolean }) => {
+ const [showDisableModal, setShowDisableModal] = useState(false);
+ const meta = useMeta();
+ const canEdit = hasGlobalPermission(`plugins:write`);
+
+ const handleEnable = async () => {
+ await getBackendSrv()
+ .fetch({
+ url: `/api/plugins/${meta.id}/settings`,
+ method: 'POST',
+ data: {
+ enabled: true,
+ pinned: true,
+ },
+ })
+ .toPromise();
+ window.location.reload();
+ };
+
+ if (!canEdit) {
+ return null;
+ }
+
+ if (!meta.enabled) {
+ return (
+
+ Enable plugin
+
+ );
+ }
+
+ if (initialized) {
+ return (
+ <>
+
setShowDisableModal(true)}>
+ Disable synthetic monitoring
+
+
setShowDisableModal(false)} />
+
+ );
+ }
+
+ return (
+
+ Setup
+
+ );
+};
diff --git a/src/components/ConfirmLeavingPage/ConfirmLeavingPage.test.tsx b/src/components/ConfirmLeavingPage/ConfirmLeavingPage.test.tsx
deleted file mode 100644
index 19e6a16dd..000000000
--- a/src/components/ConfirmLeavingPage/ConfirmLeavingPage.test.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-import { Router } from 'react-router-dom';
-import { CompatRouter, Route, Routes } from 'react-router-dom-v5-compat';
-import { locationService } from '@grafana/runtime';
-import { TextLink } from '@grafana/ui';
-import { fireEvent, render, screen } from '@testing-library/react';
-import userEventLib from '@testing-library/user-event';
-
-import { DataTestIds } from '../../test/dataTestIds';
-import { ConfirmLeavingPage } from './ConfirmLeavingPage';
-
-const TEST_IDS = {
- INITIAL_PAGE: 'ConfirmLeavingPage.initial-page',
- LEAVE_PAGE_LINK: 'ConfirmLeavingPage.leave-page-link',
- OTHER_PAGE: 'ConfirmLeavingPage.other-route',
-} as const;
-
-beforeAll(() => {
- // History needs to be reset manually between tests as it uses Grafana's global locationService
- locationService.replace('/');
-});
-
-afterEach(() => {
- // History needs to be reset manually between tests as it uses Grafana's global locationService
- locationService.replace('/');
-});
-
-function Wrapper({ children }: PropsWithChildren<{}>) {
- const history = locationService.getHistory();
- // History will not automatically be reset between tests
-
- return (
-
-
-
- {children} } />
-