Add Action to Evict Pods (#44)

This commit adds a new action to evict pods.

Author: ricoberger

src/datasource/components/Kubernetes/Actions.tsx

@@ -16,6 +16,7 @@ import { CronJobSuspendAction } from './CronJobSuspendAction';
 import { CronJobResumeAction } from './CronJobResumeAction';
 import { CSRApproveAction } from './CSRApproveAction';
 import { CSRDenyAction } from './CSRDenyAction';
+import { EvictPodAction } from './EvictPodAction';
 
 interface Props {
   query: Query;
@@ -111,6 +112,9 @@ export function Actions(props: Props) {
               ) && (
                 <Menu.Item label="Deny" onClick={() => setOpen('csrdeny')} />
               )}
+            {resource && ['pods'].includes(resource) && (
+              <Menu.Item label="Evict" onClick={() => setOpen('evict')} />
+            )}
             {resource &&
               [
                 'daemonsets.apps',
@@ -212,6 +216,15 @@ export function Actions(props: Props) {
         onClose={() => setOpen('')}
       />
 
+      <EvictPodAction
+        datasource={datasource}
+        resource={resource}
+        namespace={namespace}
+        name={name}
+        isOpen={open === 'evict'}
+        onClose={() => setOpen('')}
+      />
+
       {open === 'ai' && (
         <AIAction
           datasource={datasource}

src/datasource/components/Kubernetes/EvictPodAction.tsx

@@ -0,0 +1,100 @@
+import React, { useState } from 'react';
+import {
+  ConfirmModal,
+  LoadingPlaceholder,
+  Stack,
+  useStyles2,
+} from '@grafana/ui';
+import { AppEvents, GrafanaTheme2 } from '@grafana/data';
+import { getAppEvents } from '@grafana/runtime';
+import { css } from '@emotion/css';
+
+import { getResource } from '../../../utils/utils.resource';
+
+interface Props {
+  datasource?: string;
+  resource?: string;
+  namespace?: string;
+  name?: string;
+  isOpen: boolean;
+  onClose: () => void;
+}
+
+export function EvictPodAction(props: Props) {
+  const styles = useStyles2(getStyles);
+  const [isLoading, setIsLoading] = useState(false);
+
+  const onConfirm = async () => {
+    try {
+      setIsLoading(true);
+
+      const resource = await getResource(props.datasource, props.resource);
+
+      const response = await fetch(
+        `/api/datasources/uid/${props.datasource}/resources/kubernetes/proxy${resource.path}/namespaces/${props.namespace}/${resource.resource}/${props.name}/eviction?fieldManager=grafana-kubernetes-plugin`,
+        {
+          method: 'post',
+          headers: {
+            Accept: 'application/json, */*',
+            'Content-Type': 'application/json',
+          },
+          body: JSON.stringify({
+            apiVersion: 'policy/v1',
+            kind: 'Eviction',
+            metadata: {
+              name: props.name,
+              namespace: props.namespace,
+            },
+          }),
+        },
+      );
+      if (!response.ok) {
+        throw new Error();
+      }
+
+      const appEvents = getAppEvents();
+      appEvents.publish({
+        type: AppEvents.alertSuccess.name,
+        payload: [`${props.namespace}/${props.name} was evicted`],
+      });
+    } catch (_) {
+      const appEvents = getAppEvents();
+      appEvents.publish({
+        type: AppEvents.alertError.name,
+        payload: [`Failed to evict ${props.namespace}/${props.name}`],
+      });
+    } finally {
+      setIsLoading(false);
+      props.onClose();
+    }
+  };
+
+  return (
+    <ConfirmModal
+      isOpen={props.isOpen}
+      title="Evict pod"
+      body={`Are you sure you want to evict ${props.namespace}/${props.name}?`}
+      description={
+        <div className={styles.body}>
+          <Stack direction="column">
+            {isLoading && <LoadingPlaceholder text="Evicting pod..." />}
+          </Stack>
+        </div>
+      }
+      confirmText="Evict"
+      confirmButtonVariant="destructive"
+      dismissText="Cancel"
+      onConfirm={onConfirm}
+      onDismiss={() => props.onClose()}
+      disabled={isLoading}
+    />
+  );
+}
+
+const getStyles = (theme: GrafanaTheme2) => {
+  return {
+    body: css({
+      marginTop: theme.spacing(2),
+    }),
+  };
+};