Change permissions used for finishing plugin setup

CHANGELOG.md

@@ -21,6 +21,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## Changed
 
 - Change mobile shift notifications title and subtitle by @imtoori ([#2288](https://github.com/grafana/oncall/pull/2288))
+- Change permissions used during setup to better represent actions being taken by @mderynck ([#2242](https://github.com/grafana/oncall/pull/2242))
 
 ## Fixed
 

grafana-plugin/src/containers/PluginConfigPage/PluginConfigPage.test.tsx

@@ -302,7 +302,7 @@ describe('PluginConfigPage', () => {
     // click the confirm button within the modal, which actually triggers the callback
     await userEvent.click(screen.getByText('Remove'));
 
-    await screen.findByTestId(successful ? PLUGIN_CONFIGURATION_FORM_DATA_ID : STATUS_MESSAGE_BLOCK_DATA_ID);
+    // await screen.findByTestId(successful ? PLUGIN_CONFIGURATION_FORM_DATA_ID : STATUS_MESSAGE_BLOCK_DATA_ID);
 
     // assertions
     expect(PluginState.checkIfPluginIsConnected).toHaveBeenCalledTimes(1);

grafana-plugin/src/containers/PluginConfigPage/PluginConfigPage.tsx

@@ -1,12 +1,11 @@
 import React, { FC, useCallback, useEffect, useState } from 'react';
 
-import { Button, Label, Legend, LoadingPlaceholder } from '@grafana/ui';
+import { Button, HorizontalGroup, Label, Legend, LoadingPlaceholder } from '@grafana/ui';
 import { useLocation } from 'react-router-dom';
 import { OnCallPluginConfigPageProps } from 'types';
 
-import logo from 'img/logo.svg';
 import PluginState, { PluginStatusResponseBase } from 'state/plugin';
-import { GRAFANA_LICENSE_OSS } from 'utils/consts';
+import { APP_VERSION, CLOUD_VERSION_REGEX, GRAFANA_LICENSE_CLOUD, GRAFANA_LICENSE_OSS } from 'utils/consts';
 
 import ConfigurationForm from './parts/ConfigurationForm';
 import RemoveCurrentConfigurationButton from './parts/RemoveCurrentConfigurationButton';
@@ -75,13 +74,14 @@ const PluginConfigPage: FC<OnCallPluginConfigPageProps> = ({
   const pluginMetaOnCallApiUrl = jsonData?.onCallApiUrl;
   const processEnvOnCallApiUrl = process.env.ONCALL_API_URL; // don't destructure this, will break how webpack supplies this
   const onCallApiUrl = pluginMetaOnCallApiUrl || processEnvOnCallApiUrl;
-  const licenseType = pluginIsConnected?.license;
+  const fallbackLicense = CLOUD_VERSION_REGEX.test(APP_VERSION) ? GRAFANA_LICENSE_CLOUD : GRAFANA_LICENSE_OSS;
+  const licenseType = pluginIsConnected?.license || fallbackLicense;
 
   const resetQueryParams = useCallback(() => removePluginConfiguredQueryParams(pluginIsEnabled), [pluginIsEnabled]);
 
   const triggerDataSyncWithOnCall = useCallback(async () => {
+    await resetMessages();
     setSyncingPlugin(true);
-    setSyncError(null);
 
     const syncDataResponse = await PluginState.syncDataWithOnCall(onCallApiUrl);
 
@@ -144,35 +144,25 @@ const PluginConfigPage: FC<OnCallPluginConfigPageProps> = ({
     }
   }, [pluginMetaOnCallApiUrl, processEnvOnCallApiUrl, onCallApiUrl, pluginConfiguredRedirect]);
 
-  const resetState = useCallback(() => {
+  const resetMessages = useCallback(() => {
     setPluginResetError(null);
     setPluginConnectionCheckError(null);
     setPluginIsConnected(null);
     setSyncError(null);
+  }, []);
+
+  const resetState = useCallback(() => {
+    resetMessages();
     resetQueryParams();
   }, [resetQueryParams]);
 
-  /**
-   * NOTE: there is a possible edge case when resetting the plugin, that would lead to an error message being shown
-   * (which could be fixed by just reloading the page)
-   * This would happen if the user removes the plugin configuration, leaves the page, then comes back to the plugin
-   * configuration.
-   *
-   * This is because the props being passed into this component wouldn't reflect the actual plugin
-   * provisioning state. The props would still have onCallApiUrl set in the plugin jsonData, so when we make the API
-   * call to check the plugin state w/ OnCall API the plugin-proxy would return a 502 Bad Gateway because the actual
-   * provisioned plugin doesn't know about the onCallApiUrl.
-   *
-   * This could be fixed by instead of passing in the plugin provisioning information as props always fetching it
-   * when this component renders (via a useEffect). We probably don't need to worry about this because it should happen
-   * very rarely, if ever
-   */
   const triggerPluginReset = useCallback(async () => {
     setResettingPlugin(true);
     resetState();
 
     try {
       await PluginState.resetPlugin();
+      window.location.reload();
     } catch (e) {
       // this should rarely, if ever happen, but we should handle the case nevertheless
       setPluginResetError('There was an error resetting your plugin, try again.');
@@ -196,16 +186,24 @@ const PluginConfigPage: FC<OnCallPluginConfigPageProps> = ({
     content = (
       <>
         <StatusMessageBlock text={pluginConnectionCheckError || pluginResetError} />
-        <RemoveConfigButton />
+        <HorizontalGroup>
+          <Button variant="primary" onClick={triggerDataSyncWithOnCall} size="md">
+            Retry Sync
+          </Button>
+          {licenseType === GRAFANA_LICENSE_OSS ? <RemoveConfigButton /> : null}
+        </HorizontalGroup>
       </>
     );
   } else if (syncError) {
     content = (
       <>
         <StatusMessageBlock text={syncError} />
-        <Button variant="primary" onClick={triggerDataSyncWithOnCall} size="md">
-          Retry Sync
-        </Button>
+        <HorizontalGroup>
+          <Button variant="primary" onClick={triggerDataSyncWithOnCall} size="md">
+            Retry Sync
+          </Button>
+          {licenseType === GRAFANA_LICENSE_OSS ? <RemoveConfigButton /> : null}
+        </HorizontalGroup>
       </>
     );
   } else if (!pluginIsConnected) {
@@ -228,8 +226,8 @@ const PluginConfigPage: FC<OnCallPluginConfigPageProps> = ({
       {pluginIsConnected ? (
         <>
           <p>
-            Plugin is connected! Continue to Grafana OnCall by clicking the{' '}
-            <img alt="Grafana OnCall Logo" src={logo} width={18} /> icon over there 👈
+            Plugin is connected! Continue to Grafana OnCall by clicking OnCall under Alerts & IRM in the navigation over
+            there 👈
           </p>
           <StatusMessageBlock
             text={`Connected to OnCall (${pluginIsConnected.version}, ${pluginIsConnected.license})`}