issue_actions.tsx

import {
  ActionPanel,
  closeMainWindow,
  Color,
  CopyToClipboardAction,
  Icon,
  KeyboardShortcut,
  PushAction,
  showToast,
  ToastStyle,
} from "@raycast/api";
import React from "react";
import { gitlab } from "../common";
import { Issue, Label } from "../gitlabapi";
import { GitLabIcons } from "../icons";
import { LabelList } from "./label";
import { IssueMRCreateForm } from "./mr_create";

export function CloseIssueAction(props: { issue: Issue }) {
  const issue = props.issue;
  async function handleAction() {
    try {
      await closeMainWindow();
      await gitlab.post(`projects/${issue.project_id}/issues/${issue.iid}/notes`, { body: "/close" });
    } catch (error: any) {
      showToast(ToastStyle.Failure, "Failed to close issue", error instanceof Error ? error.message : error.toString());
    }
  }
  return (
    <ActionPanel.Item
      title="Close Issue"
      icon={{ source: Icon.XmarkCircle, tintColor: Color.Red }}
      onAction={handleAction}
    />
  );
}

export function CreateMRAction({ issue }: { issue: Issue }): JSX.Element {
  return (
    <PushAction
      icon={Icon.Pencil}
      title="Create Merge Request"
      shortcut={{ modifiers: ["cmd", "shift"], key: "m" }}
      target={<IssueMRCreateForm issue={issue} projectID={issue.project_id} title={`Draft: Resolve: ${issue.title}`} />}
    />
  );
}

export function ReopenIssueAction(props: { issue: Issue }) {
  const issue = props.issue;
  async function handleAction() {
    try {
      await closeMainWindow();
      await gitlab.post(`projects/${issue.project_id}/issues/${issue.iid}/notes`, { body: "/reopen" });
    } catch (error: any) {
      showToast(
        ToastStyle.Failure,
        "Failed to reopen issue",
        error instanceof Error ? error.message : error.toString()
      );
    }
  }
  return <ActionPanel.Item title="Reopen Issue" icon={{ source: Icon.ExclamationMark }} onAction={handleAction} />;
}

function ShowIssueLabelsAction(props: { labels: Label[] }) {
  if (props.labels.length <= 0) {
    return null;
  }
  return (
    <PushAction
      title="Show attached Labels"
      target={<LabelList labels={props.labels} />}
      shortcut={{ modifiers: ["cmd"], key: "l" }}
      icon={{ source: GitLabIcons.labels, tintColor: Color.PrimaryText }}
    />
  );
}

export function CreateIssueTodoAction(props: { issue: Issue; shortcut?: KeyboardShortcut }) {
  const issue = props.issue;
  async function handleAction() {
    try {
      await gitlab.post(`projects/${issue.project_id}/issues/${issue.iid}/todo`);
      showToast(ToastStyle.Success, "To do created");
    } catch (error: any) {
      showToast(
        ToastStyle.Failure,
        "Failed to add as to do",
        error instanceof Error ? error.message : error.toString()
      );
    }
  }
  if (issue.state === "opened") {
    return (
      <ActionPanel.Item
        title="Add a to do"
        shortcut={props.shortcut}
        icon={{ source: GitLabIcons.todo, tintColor: Color.PrimaryText }}
        onAction={handleAction}
      />
    );
  } else {
    return null;
  }
}

export function IssueItemActions(props: { issue: Issue }) {
  const issue = props.issue;
  return (
    <React.Fragment>
      <CreateIssueTodoAction issue={issue} shortcut={{ modifiers: ["cmd"], key: "t" }} />
      <ShowIssueLabelsAction labels={issue.labels} />
      {issue.state == "opened" && <CreateMRAction issue={issue} />}
      {issue.state == "opened" && <CloseIssueAction issue={issue} />}
      {issue.state == "closed" && <ReopenIssueAction issue={issue} />}
      <CopyToClipboardAction title="Copy Issue Number" content={issue.iid} />
      <CopyToClipboardAction title="Copy Issue URL" content={issue.web_url} />
      <CopyToClipboardAction title="Copy Issue Title" content={issue.title} />
    </React.Fragment>
  );
}