From f218cdfed4d50c9926c5753604d7bb7a81476a33 Mon Sep 17 00:00:00 2001
From: Egor Stronhin <i@egor.xyz>
Date: Wed, 6 Mar 2024 22:21:51 +0200
Subject: [PATCH 01/16] feat: actions

---
 src/main/ipcs/ipcGitHub.ts                    | 29 +++++++++++++++++++
 src/main/ipcs/preload.ts                      |  1 +
 .../components/QuickActions/QuickActions.tsx  | 16 ++++++++++
 3 files changed, 46 insertions(+)

diff --git a/src/main/ipcs/ipcGitHub.ts b/src/main/ipcs/ipcGitHub.ts
index ee6f774..5a66982 100644
--- a/src/main/ipcs/ipcGitHub.ts
+++ b/src/main/ipcs/ipcGitHub.ts
@@ -52,3 +52,32 @@ ipcMain.handle('git:api:reset', async (_, id: string, origin: string, target: st
     return { message: e.message, success: false };
   }
 });
+
+ipcMain.handle('git:api:getAction', async (_, id: string, filterBy: string[]) => {
+  try {
+    const { owner, repo } = await getRepoInfo(id);
+    if (!owner || !repo) throw new Error('Project not found');
+
+    const { data } = await getClient().rest.actions.listWorkflowRunsForRepo({
+      owner,
+      repo
+    });
+
+    if (data.total_count < 1) {
+      return { message: 'No running actions', success: true };
+    }
+
+    // Filter by branch and only from last hour
+    const runs = data.workflow_runs
+      .filter((run) => filterBy.includes(run.head_branch))
+      .filter((run) => new Date(run.created_at).getTime() > Date.now() - 3600000);
+
+    if (runs.length < 1) {
+      return { message: 'No actions for this branch', success: true };
+    }
+
+    return { data, filterBy, runs, success: true };
+  } catch (e) {
+    return { message: e.message, success: false };
+  }
+});
diff --git a/src/main/ipcs/preload.ts b/src/main/ipcs/preload.ts
index 61fd610..5854620 100644
--- a/src/main/ipcs/preload.ts
+++ b/src/main/ipcs/preload.ts
@@ -21,6 +21,7 @@ const bridge = {
     reset: (id: string, target: string, force: boolean) => ipcRenderer.invoke('git:reset', id, target, force)
   },
   gitAPI: {
+    getAction: (id: string, filterBy: string[]) => ipcRenderer.invoke('git:api:getAction', id, filterBy),
     reset: (id: string, origin: string, target: string) => ipcRenderer.invoke('git:api:reset', id, origin, target)
   },
   launch: {
diff --git a/src/rendered/components/Project/components/QuickActions/QuickActions.tsx b/src/rendered/components/Project/components/QuickActions/QuickActions.tsx
index bda113c..c6e7d54 100644
--- a/src/rendered/components/Project/components/QuickActions/QuickActions.tsx
+++ b/src/rendered/components/Project/components/QuickActions/QuickActions.tsx
@@ -25,6 +25,15 @@ export const QuickActions: FC<Props> = ({ project, gitStatus, loading }) => {
     navigator.clipboard.writeText(gitStatus?.branchSummary?.current);
   };
 
+  const getActions = async () => {
+    const savedOrigin = localStorage.getItem(`GitResetModal:origin-${project.id}`);
+    const filterBy = [gitStatus.branchSummary.current];
+    if (savedOrigin) filterBy.push(savedOrigin);
+
+    const res = await window.bridge.gitAPI.getAction(project.id, filterBy);
+    console.log(res);
+  };
+
   return (
     <ButtonGroup className={!gitStatus && Classes.SKELETON}>
       <Button
@@ -65,6 +74,13 @@ export const QuickActions: FC<Props> = ({ project, gitStatus, loading }) => {
           title="Git actions"
         />
       </Popover>
+
+      <Button
+        icon={'take-action'}
+        loading={loading}
+        title="Git actions"
+        onClick={getActions}
+      />
     </ButtonGroup>
   );
 };

From 4296cd1e1399d25037a3eea2b09eaff41c094c67 Mon Sep 17 00:00:00 2001
From: Egor Stronhin <i@egor.xyz>
Date: Wed, 6 Mar 2024 23:28:17 +0200
Subject: [PATCH 02/16] feat: actions wip

---
 src/main/ipcs/ipcGitHub.ts                    |   6 +-
 src/rendered/assets/actions.svg               |   3 +
 src/rendered/assets/icons.ts                  |  10 ++
 .../components/Project/Project.styles.ts      |   2 +-
 src/rendered/components/Project/Project.tsx   | 155 ++++++++++--------
 .../components/Actions/Actions.styles.ts      |  21 +++
 .../Project/components/Actions/Actions.tsx    |  51 ++++++
 .../Project/components/Actions/index.ts       |   1 +
 .../Project/components/Error/Error.tsx        |   6 +-
 .../components/OpenInMenu/OpenInMenu.tsx      |   3 +-
 .../components/QuickActions/QuickActions.tsx  |  19 +--
 11 files changed, 188 insertions(+), 89 deletions(-)
 create mode 100644 src/rendered/assets/actions.svg
 create mode 100644 src/rendered/assets/icons.ts
 create mode 100644 src/rendered/components/Project/components/Actions/Actions.styles.ts
 create mode 100644 src/rendered/components/Project/components/Actions/Actions.tsx
 create mode 100644 src/rendered/components/Project/components/Actions/index.ts

diff --git a/src/main/ipcs/ipcGitHub.ts b/src/main/ipcs/ipcGitHub.ts
index 5a66982..f5f606e 100644
--- a/src/main/ipcs/ipcGitHub.ts
+++ b/src/main/ipcs/ipcGitHub.ts
@@ -67,13 +67,13 @@ ipcMain.handle('git:api:getAction', async (_, id: string, filterBy: string[]) =>
       return { message: 'No running actions', success: true };
     }
 
-    // Filter by branch and only from last hour
+    // Filter by branch and only from last 24 hours
     const runs = data.workflow_runs
       .filter((run) => filterBy.includes(run.head_branch))
-      .filter((run) => new Date(run.created_at).getTime() > Date.now() - 3600000);
+      .filter((run) => new Date(run.created_at).getTime() > Date.now() - 86400000);
 
     if (runs.length < 1) {
-      return { message: 'No actions for this branch', success: true };
+      return { message: 'No actions for this branch', success: false };
     }
 
     return { data, filterBy, runs, success: true };
diff --git a/src/rendered/assets/actions.svg b/src/rendered/assets/actions.svg
new file mode 100644
index 0000000..44de10b
--- /dev/null
+++ b/src/rendered/assets/actions.svg
@@ -0,0 +1,3 @@
+<svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-play UnderlineNav-octicon d-none d-sm-inline">
+    <path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Zm4.879-2.773 4.264 2.559a.25.25 0 0 1 0 .428l-4.264 2.559A.25.25 0 0 1 6 10.559V5.442a.25.25 0 0 1 .379-.215Z"></path>
+</svg>
diff --git a/src/rendered/assets/icons.ts b/src/rendered/assets/icons.ts
new file mode 100644
index 0000000..7a1ad6f
--- /dev/null
+++ b/src/rendered/assets/icons.ts
@@ -0,0 +1,10 @@
+import { Colors } from '@blueprintjs/core';
+import _ActionsIcon from 'rendered/assets/actions.svg?react';
+import styled from 'styled-components';
+
+export const ActionsIcon = styled(_ActionsIcon)`
+  fill: ${Colors.GRAY1};
+  @media (prefers-color-scheme: dark) {
+    fill: ${Colors.GRAY4};
+  }
+`;
diff --git a/src/rendered/components/Project/Project.styles.ts b/src/rendered/components/Project/Project.styles.ts
index 6fa3af4..e89bc88 100644
--- a/src/rendered/components/Project/Project.styles.ts
+++ b/src/rendered/components/Project/Project.styles.ts
@@ -56,7 +56,7 @@ export const MiddleBlock = styled.div`
   gap: 10px;
 `;
 
-export const Actions = styled.div`
+export const ProjectActions = styled.div`
   display: flex;
   position: relative;
   flex-direction: row-reverse;
diff --git a/src/rendered/components/Project/Project.tsx b/src/rendered/components/Project/Project.tsx
index fe46175..36c0a7b 100644
--- a/src/rendered/components/Project/Project.tsx
+++ b/src/rendered/components/Project/Project.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable react/jsx-max-depth */
 import { Button, ButtonGroup, Classes, Colors, Popover } from '@blueprintjs/core';
 import { FC, useState } from 'react';
 
@@ -7,11 +8,12 @@ import { Project as IProject } from 'types/project';
 import { useModal } from 'rendered/hooks/useModal';
 
 import { GitStatusGroup } from '../GitStatusGroup';
-import { Actions, Info, InfoText, MiddleBlock, RepoInfo, Root, StyledSpinner, Title } from './Project.styles';
+import { ProjectActions, Info, InfoText, MiddleBlock, RepoInfo, Root, StyledSpinner, Title } from './Project.styles';
 import { CheckoutBranch } from './components/CheckoutBranch';
 import { Error } from './components/Error';
 import { ProjectMenu } from './components/ProjectMenu';
 import { QuickActions } from './components/QuickActions';
+import { Actions } from './components/Actions';
 
 type Props = {
   project: IProject;
@@ -20,6 +22,7 @@ type Props = {
 export const Project: FC<Props> = ({ project }) => {
   const { gitStatus, getStatus, loading, pull } = useGit();
   const { openModal } = useModal();
+  const [actions, setActions] = useState(false);
 
   const [pullLoading, setPullLoading] = useState(false);
 
@@ -56,77 +59,91 @@ export const Project: FC<Props> = ({ project }) => {
     );
   }
 
-  return (
-    <Root>
-      <Info>
-        <InfoText className={!gitStatus && Classes.SKELETON}>
-          <Title>{name}</Title>
-          <RepoInfo>{gitStatus?.organization ?? 'Local git'}</RepoInfo>
-        </InfoText>
-
-        <GitStatusGroup
-          gitStatus={gitStatus}
-          name={name}
-        />
-      </Info>
-
-      <MiddleBlock>
-        <CheckoutBranch
-          getStatus={runGetStatus}
-          gitStatus={gitStatus}
-          id={id}
-          name={name}
-        />
+  const toggleActions = () => setActions(!actions);
 
-        <QuickActions
+  return (
+    <>
+      <Root>
+        <Info>
+          <InfoText className={!gitStatus && Classes.SKELETON}>
+            <Title>{name}</Title>
+            <RepoInfo>{gitStatus?.organization ?? 'Local git'}</RepoInfo>
+          </InfoText>
+
+          <GitStatusGroup
+            gitStatus={gitStatus}
+            name={name}
+          />
+        </Info>
+
+        <MiddleBlock>
+          <CheckoutBranch
+            getStatus={runGetStatus}
+            gitStatus={gitStatus}
+            id={id}
+            name={name}
+          />
+
+          <QuickActions
+            actions={actions}
+            gitStatus={gitStatus}
+            project={project}
+            toggleActions={toggleActions}
+          />
+        </MiddleBlock>
+
+        <ProjectActions className={!gitStatus && Classes.SKELETON}>
+          <ButtonGroup large>
+            {!behind && (
+              <Button
+                icon="refresh"
+                onClick={runGetStatus}
+              />
+            )}
+            {Boolean(behind) && (
+              <Button
+                icon="arrow-down"
+                intent="warning"
+                loading={pullLoading}
+                onClick={runPull}
+              />
+            )}
+            <Popover
+              content={
+                <ProjectMenu
+                  getStatus={runGetStatus}
+                  gitStatus={gitStatus}
+                  group={group}
+                  id={id}
+                  name={name}
+                  pull={runPull}
+                  removeProject={removeAlert}
+                />
+              }
+              placement="bottom-end"
+            >
+              <Button
+                icon="caret-down"
+                intent={ahead || behind ? 'warning' : 'none'}
+              />
+            </Popover>
+          </ButtonGroup>
+
+          <StyledSpinner
+            color={Colors.ORANGE1}
+            icon="dot"
+            loading={loading}
+          />
+        </ProjectActions>
+      </Root>
+
+      {actions && (
+        <Actions
           gitStatus={gitStatus}
           project={project}
+          setActions={setActions}
         />
-      </MiddleBlock>
-
-      <Actions className={!gitStatus && Classes.SKELETON}>
-        <ButtonGroup large>
-          {!behind && (
-            <Button
-              icon="refresh"
-              onClick={runGetStatus}
-            />
-          )}
-          {Boolean(behind) && (
-            <Button
-              icon="arrow-down"
-              intent="warning"
-              loading={pullLoading}
-              onClick={runPull}
-            />
-          )}
-          <Popover
-            content={
-              <ProjectMenu
-                getStatus={runGetStatus}
-                gitStatus={gitStatus}
-                group={group}
-                id={id}
-                name={name}
-                pull={runPull}
-                removeProject={removeAlert}
-              />
-            }
-            placement="bottom-end"
-          >
-            <Button
-              icon="caret-down"
-              intent={ahead || behind ? 'warning' : 'none'}
-            />
-          </Popover>
-        </ButtonGroup>
-
-        <StyledSpinner
-          color={Colors.ORANGE1}
-          icon="dot"
-          loading={loading}
-        />
-      </Actions>
-    </Root>
+      )}
+    </>
   );
 };
diff --git a/src/rendered/components/Project/components/Actions/Actions.styles.ts b/src/rendered/components/Project/components/Actions/Actions.styles.ts
new file mode 100644
index 0000000..1b961f8
--- /dev/null
+++ b/src/rendered/components/Project/components/Actions/Actions.styles.ts
@@ -0,0 +1,21 @@
+import { Colors } from '@blueprintjs/core';
+import styled from 'styled-components';
+
+export const Root = styled.div`
+  display: flex;
+  position: relative;
+  align-items: center;
+  justify-content: space-between;
+  min-height: 20px;
+  padding: 6px 15px 6px 20px;
+  background-color: ${Colors.LIGHT_GRAY4};
+  margin: 2px 2px;
+
+  & + & {
+    margin-top: 0;
+  }
+
+  @media (prefers-color-scheme: dark) {
+    background-color: ${Colors.DARK_GRAY2};
+  }
+`;
diff --git a/src/rendered/components/Project/components/Actions/Actions.tsx b/src/rendered/components/Project/components/Actions/Actions.tsx
new file mode 100644
index 0000000..6b66aa9
--- /dev/null
+++ b/src/rendered/components/Project/components/Actions/Actions.tsx
@@ -0,0 +1,51 @@
+import { FC, useState } from 'react';
+
+import { useMountEffect } from 'rendered/hooks/useMountEffect';
+import { GitStatus, Project } from 'types/project';
+import { appToaster } from 'rendered/utils/appToaster';
+
+import { Root } from './Actions.styles';
+
+type Props = {
+  gitStatus: GitStatus;
+  project: Project;
+  setActions: (actions: boolean) => void;
+};
+
+export const Actions: FC<Props> = ({ gitStatus, project, setActions }) => {
+  const [runs, setRuns] = useState([]);
+
+  const getActions = async () => {
+    const savedOrigin = localStorage.getItem(`GitResetModal:origin-${project.id}`);
+    const filterBy = [gitStatus.branchSummary.current];
+    if (savedOrigin) filterBy.push(savedOrigin);
+
+    const res = await window.bridge.gitAPI.getAction(project.id, filterBy);
+    console.log(res);
+
+    if (!res.success) {
+      (await appToaster).show({
+        intent: 'warning',
+        message: res.message
+      });
+
+      setActions(false);
+
+      return;
+    }
+
+    setRuns(res.runs ?? []);
+  };
+
+  useMountEffect(() => {
+    getActions();
+  });
+
+  return (
+    <>
+      {runs.map(({ id, display_title }: any) => (
+        <Root key={id}>{display_title}</Root>
+      ))}
+    </>
+  );
+};
diff --git a/src/rendered/components/Project/components/Actions/index.ts b/src/rendered/components/Project/components/Actions/index.ts
new file mode 100644
index 0000000..ac0eab8
--- /dev/null
+++ b/src/rendered/components/Project/components/Actions/index.ts
@@ -0,0 +1 @@
+export { Actions } from './Actions';
diff --git a/src/rendered/components/Project/components/Error/Error.tsx b/src/rendered/components/Project/components/Error/Error.tsx
index 3b3e4d4..97262df 100644
--- a/src/rendered/components/Project/components/Error/Error.tsx
+++ b/src/rendered/components/Project/components/Error/Error.tsx
@@ -1,7 +1,7 @@
 import { Button, Tag } from '@blueprintjs/core';
 import { FC } from 'react';
 
-import { Actions, Info, Root, Title, MiddleBlock } from '../../Project.styles';
+import { ProjectActions, Info, Root, Title, MiddleBlock } from '../../Project.styles';
 
 type Props = {
   name: string;
@@ -24,13 +24,13 @@ export const Error: FC<Props> = ({ name, removeAlert }) => (
       </Tag>
     </MiddleBlock>
 
-    <Actions>
+    <ProjectActions>
       <Button
         large
         icon="trash"
         intent="danger"
         onClick={removeAlert}
       />
-    </Actions>
+    </ProjectActions>
   </Root>
 );
diff --git a/src/rendered/components/Project/components/OpenInMenu/OpenInMenu.tsx b/src/rendered/components/Project/components/OpenInMenu/OpenInMenu.tsx
index 5b28258..2a758e0 100644
--- a/src/rendered/components/Project/components/OpenInMenu/OpenInMenu.tsx
+++ b/src/rendered/components/Project/components/OpenInMenu/OpenInMenu.tsx
@@ -4,6 +4,7 @@ import { FaGithub } from 'react-icons/fa';
 
 import { useAppSettings } from 'rendered/hooks/useAppSettings';
 import { GitStatus, Project } from 'types/project';
+import { ActionsIcon } from 'rendered/assets/icons';
 
 import VSCode from '../../assets/VSCode.svg?react';
 import Warp from '../../assets/Warp.svg?react';
@@ -67,7 +68,7 @@ export const OpenInMenu: FC<Props> = ({ project, gitStatus }) => {
         onClick={() => openInGitHub('/')}
       />
       <MenuItem
-        icon={'circle-arrow-right'}
+        icon={<ActionsIcon />}
         text={`Actions`}
         onClick={() => openInGitHub('/actions')}
       />
diff --git a/src/rendered/components/Project/components/QuickActions/QuickActions.tsx b/src/rendered/components/Project/components/QuickActions/QuickActions.tsx
index c6e7d54..be0bed7 100644
--- a/src/rendered/components/Project/components/QuickActions/QuickActions.tsx
+++ b/src/rendered/components/Project/components/QuickActions/QuickActions.tsx
@@ -2,6 +2,7 @@ import { Button, ButtonGroup, Classes, Popover } from '@blueprintjs/core';
 import { FC, useState } from 'react';
 
 import { GitStatus, Project } from 'types/project';
+import { ActionsIcon } from 'rendered/assets/icons';
 
 import { GitMenu } from '../GitMenu';
 import { OpenInMenu } from '../OpenInMenu';
@@ -10,12 +11,14 @@ import { StyledFaCopy, StyledFaRegCopy } from './QuickActions.styles';
 const size = 16;
 
 type Props = {
+  actions: boolean;
   gitStatus: GitStatus;
   loading?: boolean;
   project: Project;
+  toggleActions: () => void;
 };
 
-export const QuickActions: FC<Props> = ({ project, gitStatus, loading }) => {
+export const QuickActions: FC<Props> = ({ project, gitStatus, loading, toggleActions, actions }) => {
   const [copyIcon, setCopyIcon] = useState(<StyledFaRegCopy size={size} />);
 
   const copyToClipboard = () => {
@@ -25,15 +28,6 @@ export const QuickActions: FC<Props> = ({ project, gitStatus, loading }) => {
     navigator.clipboard.writeText(gitStatus?.branchSummary?.current);
   };
 
-  const getActions = async () => {
-    const savedOrigin = localStorage.getItem(`GitResetModal:origin-${project.id}`);
-    const filterBy = [gitStatus.branchSummary.current];
-    if (savedOrigin) filterBy.push(savedOrigin);
-
-    const res = await window.bridge.gitAPI.getAction(project.id, filterBy);
-    console.log(res);
-  };
-
   return (
     <ButtonGroup className={!gitStatus && Classes.SKELETON}>
       <Button
@@ -76,10 +70,11 @@ export const QuickActions: FC<Props> = ({ project, gitStatus, loading }) => {
       </Popover>
 
       <Button
-        icon={'take-action'}
+        active={actions}
+        icon={<ActionsIcon />}
         loading={loading}
         title="Git actions"
-        onClick={getActions}
+        onClick={toggleActions}
       />
     </ButtonGroup>
   );

From 1922cda69d5280954004093ef8cd01fac46f68a2 Mon Sep 17 00:00:00 2001
From: Egor Stronhin <i@egor.xyz>
Date: Thu, 7 Mar 2024 00:13:30 +0200
Subject: [PATCH 03/16] feat: actions wip

---
 src/rendered/assets/action-canceled.svg       |  1 +
 src/rendered/assets/action-done.svg           |  1 +
 src/rendered/assets/action-failed.svg         |  1 +
 src/rendered/assets/gitHubIcons.ts            | 34 +++++++++++++++++++
 src/rendered/assets/icons.ts                  | 10 ------
 src/rendered/components/Project/Project.tsx   |  4 +--
 .../Project/components/Actions/index.ts       |  1 -
 .../GitHubAction.styles.ts}                   |  0
 .../components/GitHubAction/GitHubAction.tsx  | 11 ++++++
 .../Project/components/GitHubAction/index.ts  |  1 +
 .../GitHubActions.tsx}                        | 13 ++++---
 .../Project/components/GitHubActions/index.ts |  1 +
 .../components/OpenInMenu/OpenInMenu.tsx      |  2 +-
 .../components/QuickActions/QuickActions.tsx  |  2 +-
 14 files changed, 62 insertions(+), 20 deletions(-)
 create mode 100644 src/rendered/assets/action-canceled.svg
 create mode 100644 src/rendered/assets/action-done.svg
 create mode 100644 src/rendered/assets/action-failed.svg
 create mode 100644 src/rendered/assets/gitHubIcons.ts
 delete mode 100644 src/rendered/assets/icons.ts
 delete mode 100644 src/rendered/components/Project/components/Actions/index.ts
 rename src/rendered/components/Project/components/{Actions/Actions.styles.ts => GitHubAction/GitHubAction.styles.ts} (100%)
 create mode 100644 src/rendered/components/Project/components/GitHubAction/GitHubAction.tsx
 create mode 100644 src/rendered/components/Project/components/GitHubAction/index.ts
 rename src/rendered/components/Project/components/{Actions/Actions.tsx => GitHubActions/GitHubActions.tsx} (78%)
 create mode 100644 src/rendered/components/Project/components/GitHubActions/index.ts

diff --git a/src/rendered/assets/action-canceled.svg b/src/rendered/assets/action-canceled.svg
new file mode 100644
index 0000000..47c037d
--- /dev/null
+++ b/src/rendered/assets/action-canceled.svg
@@ -0,0 +1 @@
+<svg width="16" height="16" style="margin-top: 2px" class="octicon octicon-stop neutral-check" aria-label="cancelled" viewBox="0 0 16 16" version="1.1" role="img"><path d="M4.47.22A.749.749 0 0 1 5 0h6c.199 0 .389.079.53.22l4.25 4.25c.141.14.22.331.22.53v6a.749.749 0 0 1-.22.53l-4.25 4.25A.749.749 0 0 1 11 16H5a.749.749 0 0 1-.53-.22L.22 11.53A.749.749 0 0 1 0 11V5c0-.199.079-.389.22-.53Zm.84 1.28L1.5 5.31v5.38l3.81 3.81h5.38l3.81-3.81V5.31L10.69 1.5ZM8 4a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5A.75.75 0 0 1 8 4Zm0 8a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"></path></svg>
diff --git a/src/rendered/assets/action-done.svg b/src/rendered/assets/action-done.svg
new file mode 100644
index 0000000..5eedd15
--- /dev/null
+++ b/src/rendered/assets/action-done.svg
@@ -0,0 +1 @@
+<svg width="16" height="16" style="margin-top: 2px" class="octicon octicon-check-circle-fill color-fg-success" aria-label="completed successfully" viewBox="0 0 16 16" version="1.1" role="img"><path d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16Zm3.78-9.72a.751.751 0 0 0-.018-1.042.751.751 0 0 0-1.042-.018L6.75 9.19 5.28 7.72a.751.751 0 0 0-1.042.018.751.751 0 0 0-.018 1.042l2 2a.75.75 0 0 0 1.06 0Z"></path></svg>
diff --git a/src/rendered/assets/action-failed.svg b/src/rendered/assets/action-failed.svg
new file mode 100644
index 0000000..b865b3d
--- /dev/null
+++ b/src/rendered/assets/action-failed.svg
@@ -0,0 +1 @@
+<svg width="16" height="16" style="margin-top: 2px" class="octicon octicon-x-circle-fill color-fg-danger" aria-label="failed" viewBox="0 0 16 16" version="1.1" role="img"><path d="M2.343 13.657A8 8 0 1 1 13.658 2.343 8 8 0 0 1 2.343 13.657ZM6.03 4.97a.751.751 0 0 0-1.042.018.751.751 0 0 0-.018 1.042L6.94 8 4.97 9.97a.749.749 0 0 0 .326 1.275.749.749 0 0 0 .734-.215L8 9.06l1.97 1.97a.749.749 0 0 0 1.275-.326.749.749 0 0 0-.215-.734L9.06 8l1.97-1.97a.749.749 0 0 0-.326-1.275.749.749 0 0 0-.734.215L8 6.94Z"></path></svg>
diff --git a/src/rendered/assets/gitHubIcons.ts b/src/rendered/assets/gitHubIcons.ts
new file mode 100644
index 0000000..1ab3666
--- /dev/null
+++ b/src/rendered/assets/gitHubIcons.ts
@@ -0,0 +1,34 @@
+import { Colors } from '@blueprintjs/core';
+import actions from 'rendered/assets/actions.svg?react';
+import actionDone from 'rendered/assets/action-done.svg?react';
+import actionFailed from 'rendered/assets/action-failed.svg?react';
+import actionCanceled from 'rendered/assets/action-canceled.svg?react';
+import styled from 'styled-components';
+
+export const ActionsIcon = styled(actions)`
+  fill: ${Colors.GRAY1};
+  @media (prefers-color-scheme: dark) {
+    fill: ${Colors.GRAY4};
+  }
+`;
+
+export const ActionsCanceledIcon = styled(actionCanceled)`
+  fill: ${Colors.GRAY1};
+  @media (prefers-color-scheme: dark) {
+    fill: ${Colors.GRAY4};
+  }
+`;
+
+export const ActionDoneIcon = styled(actionDone)`
+  fill: #1a7f37;
+  @media (prefers-color-scheme: dark) {
+    fill: #57ab5a;
+  }
+`;
+
+export const ActionFailedIcon = styled(actionFailed)`
+  fill: #d1242f;
+  @media (prefers-color-scheme: dark) {
+    fill: #e5534b;
+  }
+`;
diff --git a/src/rendered/assets/icons.ts b/src/rendered/assets/icons.ts
deleted file mode 100644
index 7a1ad6f..0000000
--- a/src/rendered/assets/icons.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Colors } from '@blueprintjs/core';
-import _ActionsIcon from 'rendered/assets/actions.svg?react';
-import styled from 'styled-components';
-
-export const ActionsIcon = styled(_ActionsIcon)`
-  fill: ${Colors.GRAY1};
-  @media (prefers-color-scheme: dark) {
-    fill: ${Colors.GRAY4};
-  }
-`;
diff --git a/src/rendered/components/Project/Project.tsx b/src/rendered/components/Project/Project.tsx
index 36c0a7b..ba41b80 100644
--- a/src/rendered/components/Project/Project.tsx
+++ b/src/rendered/components/Project/Project.tsx
@@ -13,7 +13,7 @@ import { CheckoutBranch } from './components/CheckoutBranch';
 import { Error } from './components/Error';
 import { ProjectMenu } from './components/ProjectMenu';
 import { QuickActions } from './components/QuickActions';
-import { Actions } from './components/Actions';
+import { GitHubActions } from './components/GitHubActions';
 
 type Props = {
   project: IProject;
@@ -138,7 +138,7 @@ export const Project: FC<Props> = ({ project }) => {
       </Root>
 
       {actions && (
-        <Actions
+        <GitHubActions
           gitStatus={gitStatus}
           project={project}
           setActions={setActions}
diff --git a/src/rendered/components/Project/components/Actions/index.ts b/src/rendered/components/Project/components/Actions/index.ts
deleted file mode 100644
index ac0eab8..0000000
--- a/src/rendered/components/Project/components/Actions/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { Actions } from './Actions';
diff --git a/src/rendered/components/Project/components/Actions/Actions.styles.ts b/src/rendered/components/Project/components/GitHubAction/GitHubAction.styles.ts
similarity index 100%
rename from src/rendered/components/Project/components/Actions/Actions.styles.ts
rename to src/rendered/components/Project/components/GitHubAction/GitHubAction.styles.ts
diff --git a/src/rendered/components/Project/components/GitHubAction/GitHubAction.tsx b/src/rendered/components/Project/components/GitHubAction/GitHubAction.tsx
new file mode 100644
index 0000000..759f5b4
--- /dev/null
+++ b/src/rendered/components/Project/components/GitHubAction/GitHubAction.tsx
@@ -0,0 +1,11 @@
+import { FC } from 'react';
+
+import { Root } from './GitHubAction.styles';
+
+type Props = {
+  run: any;
+};
+
+export const GitHubAction: FC<Props> = () => {
+  return <Root>GitHubAction</Root>;
+};
diff --git a/src/rendered/components/Project/components/GitHubAction/index.ts b/src/rendered/components/Project/components/GitHubAction/index.ts
new file mode 100644
index 0000000..ee5061b
--- /dev/null
+++ b/src/rendered/components/Project/components/GitHubAction/index.ts
@@ -0,0 +1 @@
+export { GitHubAction } from './GitHubAction';
diff --git a/src/rendered/components/Project/components/Actions/Actions.tsx b/src/rendered/components/Project/components/GitHubActions/GitHubActions.tsx
similarity index 78%
rename from src/rendered/components/Project/components/Actions/Actions.tsx
rename to src/rendered/components/Project/components/GitHubActions/GitHubActions.tsx
index 6b66aa9..1c8f20f 100644
--- a/src/rendered/components/Project/components/Actions/Actions.tsx
+++ b/src/rendered/components/Project/components/GitHubActions/GitHubActions.tsx
@@ -4,7 +4,7 @@ import { useMountEffect } from 'rendered/hooks/useMountEffect';
 import { GitStatus, Project } from 'types/project';
 import { appToaster } from 'rendered/utils/appToaster';
 
-import { Root } from './Actions.styles';
+import { GitHubAction } from '../GitHubAction';
 
 type Props = {
   gitStatus: GitStatus;
@@ -12,7 +12,7 @@ type Props = {
   setActions: (actions: boolean) => void;
 };
 
-export const Actions: FC<Props> = ({ gitStatus, project, setActions }) => {
+export const GitHubActions: FC<Props> = ({ gitStatus, project, setActions }) => {
   const [runs, setRuns] = useState([]);
 
   const getActions = async () => {
@@ -21,7 +21,7 @@ export const Actions: FC<Props> = ({ gitStatus, project, setActions }) => {
     if (savedOrigin) filterBy.push(savedOrigin);
 
     const res = await window.bridge.gitAPI.getAction(project.id, filterBy);
-    console.log(res);
+    console.log(res.runs);
 
     if (!res.success) {
       (await appToaster).show({
@@ -43,8 +43,11 @@ export const Actions: FC<Props> = ({ gitStatus, project, setActions }) => {
 
   return (
     <>
-      {runs.map(({ id, display_title }: any) => (
-        <Root key={id}>{display_title}</Root>
+      {runs.map((run: any) => (
+        <GitHubAction
+          key={run.id}
+          run={run}
+        />
       ))}
     </>
   );
diff --git a/src/rendered/components/Project/components/GitHubActions/index.ts b/src/rendered/components/Project/components/GitHubActions/index.ts
new file mode 100644
index 0000000..ca31d8a
--- /dev/null
+++ b/src/rendered/components/Project/components/GitHubActions/index.ts
@@ -0,0 +1 @@
+export { GitHubActions } from './GitHubActions';
diff --git a/src/rendered/components/Project/components/OpenInMenu/OpenInMenu.tsx b/src/rendered/components/Project/components/OpenInMenu/OpenInMenu.tsx
index 2a758e0..f402e94 100644
--- a/src/rendered/components/Project/components/OpenInMenu/OpenInMenu.tsx
+++ b/src/rendered/components/Project/components/OpenInMenu/OpenInMenu.tsx
@@ -4,7 +4,7 @@ import { FaGithub } from 'react-icons/fa';
 
 import { useAppSettings } from 'rendered/hooks/useAppSettings';
 import { GitStatus, Project } from 'types/project';
-import { ActionsIcon } from 'rendered/assets/icons';
+import { ActionsIcon } from 'rendered/assets/gitHubIcons';
 
 import VSCode from '../../assets/VSCode.svg?react';
 import Warp from '../../assets/Warp.svg?react';
diff --git a/src/rendered/components/Project/components/QuickActions/QuickActions.tsx b/src/rendered/components/Project/components/QuickActions/QuickActions.tsx
index be0bed7..0faafba 100644
--- a/src/rendered/components/Project/components/QuickActions/QuickActions.tsx
+++ b/src/rendered/components/Project/components/QuickActions/QuickActions.tsx
@@ -2,7 +2,7 @@ import { Button, ButtonGroup, Classes, Popover } from '@blueprintjs/core';
 import { FC, useState } from 'react';
 
 import { GitStatus, Project } from 'types/project';
-import { ActionsIcon } from 'rendered/assets/icons';
+import { ActionsIcon } from 'rendered/assets/gitHubIcons';
 
 import { GitMenu } from '../GitMenu';
 import { OpenInMenu } from '../OpenInMenu';

From c40513d077e837a320026590988e65d7c59cf675 Mon Sep 17 00:00:00 2001
From: Egor Stronhin <i@egor.xyz>
Date: Thu, 7 Mar 2024 00:49:48 +0200
Subject: [PATCH 04/16] feat: actions wip

---
 src/main/ipcs/ipcGitHub.ts                                | 8 ++++----
 .../Project/components/GitHubAction/GitHubAction.tsx      | 8 +++++---
 src/types/gitHub.ts                                       | 7 +++++++
 3 files changed, 16 insertions(+), 7 deletions(-)
 create mode 100644 src/types/gitHub.ts

diff --git a/src/main/ipcs/ipcGitHub.ts b/src/main/ipcs/ipcGitHub.ts
index f5f606e..8a78f0f 100644
--- a/src/main/ipcs/ipcGitHub.ts
+++ b/src/main/ipcs/ipcGitHub.ts
@@ -7,7 +7,7 @@ import { settings } from '../settings';
 
 const protectedBranches = ['master', 'main'];
 
-const getClient = () => {
+const octokit = () => {
   const { gitHubToken } = settings.get('appSettings');
   if (!gitHubToken) throw new Error('GitHub token not found');
 
@@ -30,7 +30,7 @@ ipcMain.handle('git:api:reset', async (_, id: string, origin: string, target: st
     const { owner, repo } = await getRepoInfo(id);
     if (!owner || !repo) throw new Error('Project not found');
 
-    const targetData = await getClient().rest.git.getRef({
+    const targetData = await octokit().rest.git.getRef({
       owner,
       ref: `heads/${target}`,
       repo
@@ -39,7 +39,7 @@ ipcMain.handle('git:api:reset', async (_, id: string, origin: string, target: st
     const sha = targetData.data?.object?.sha;
     if (!sha) throw new Error('Target branch not found');
 
-    getClient().rest.git.updateRef({
+    octokit().rest.git.updateRef({
       force: true,
       owner,
       ref: `heads/${origin}`,
@@ -58,7 +58,7 @@ ipcMain.handle('git:api:getAction', async (_, id: string, filterBy: string[]) =>
     const { owner, repo } = await getRepoInfo(id);
     if (!owner || !repo) throw new Error('Project not found');
 
-    const { data } = await getClient().rest.actions.listWorkflowRunsForRepo({
+    const { data } = await octokit().rest.actions.listWorkflowRunsForRepo({
       owner,
       repo
     });
diff --git a/src/rendered/components/Project/components/GitHubAction/GitHubAction.tsx b/src/rendered/components/Project/components/GitHubAction/GitHubAction.tsx
index 759f5b4..e358550 100644
--- a/src/rendered/components/Project/components/GitHubAction/GitHubAction.tsx
+++ b/src/rendered/components/Project/components/GitHubAction/GitHubAction.tsx
@@ -1,11 +1,13 @@
 import { FC } from 'react';
 
+import { Run } from 'types/gitHub';
+
 import { Root } from './GitHubAction.styles';
 
 type Props = {
-  run: any;
+  run: Run;
 };
 
-export const GitHubAction: FC<Props> = () => {
-  return <Root>GitHubAction</Root>;
+export const GitHubAction: FC<Props> = ({ run: { display_title } }) => {
+  return <Root>{display_title}</Root>;
 };
diff --git a/src/types/gitHub.ts b/src/types/gitHub.ts
new file mode 100644
index 0000000..16c670e
--- /dev/null
+++ b/src/types/gitHub.ts
@@ -0,0 +1,7 @@
+import { GetResponseDataTypeFromEndpointMethod } from '@octokit/types';
+import { Octokit } from 'octokit';
+
+const octokit = new Octokit();
+const { listWorkflowRunsForRepo } = octokit.rest.actions;
+
+export type Run = GetResponseDataTypeFromEndpointMethod<typeof listWorkflowRunsForRepo>['workflow_runs'][0];

From 9855dc7edff9908500cf036ce7a7772766846bbc Mon Sep 17 00:00:00 2001
From: Egor Stronhin <i@egor.xyz>
Date: Thu, 7 Mar 2024 00:53:47 +0200
Subject: [PATCH 05/16] feat: actions wip

---
 src/types/gitHub.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/types/gitHub.ts b/src/types/gitHub.ts
index 16c670e..71d01f5 100644
--- a/src/types/gitHub.ts
+++ b/src/types/gitHub.ts
@@ -2,6 +2,7 @@ import { GetResponseDataTypeFromEndpointMethod } from '@octokit/types';
 import { Octokit } from 'octokit';
 
 const octokit = new Octokit();
-const { listWorkflowRunsForRepo } = octokit.rest.actions;
 
-export type Run = GetResponseDataTypeFromEndpointMethod<typeof listWorkflowRunsForRepo>['workflow_runs'][0];
+export type Run = GetResponseDataTypeFromEndpointMethod<
+  typeof octokit.rest.actions.listWorkflowRunsForRepo
+>['workflow_runs'][0];

From a202661ee11ea46b08d0c83d9ebf9a5572f435d8 Mon Sep 17 00:00:00 2001
From: Egor Stronhin <i@egor.xyz>
Date: Thu, 7 Mar 2024 10:32:49 +0200
Subject: [PATCH 06/16] feat: actions wip

---
 src/rendered/assets/action-in-progress.svg    |  5 +++
 .../{gitHubIcons.ts => gitHubIcons.tsx}       | 34 ++++++++++++++-
 src/rendered/components/Project/Project.tsx   | 16 +++++---
 .../GitHubAction/GitHubAction.styles.ts       | 41 +++++++++++++++++++
 .../components/GitHubAction/GitHubAction.tsx  | 31 ++++++++++++--
 .../GitHubActions/GitHubActions.tsx           |  6 ---
 6 files changed, 117 insertions(+), 16 deletions(-)
 create mode 100644 src/rendered/assets/action-in-progress.svg
 rename src/rendered/assets/{gitHubIcons.ts => gitHubIcons.tsx} (53%)

diff --git a/src/rendered/assets/action-in-progress.svg b/src/rendered/assets/action-in-progress.svg
new file mode 100644
index 0000000..4951b1c
--- /dev/null
+++ b/src/rendered/assets/action-in-progress.svg
@@ -0,0 +1,5 @@
+<svg aria-label="currently running" width="100%" height="100%" fill="none" viewBox="0 0 16 16" class="anim-rotate" xmlns="http://www.w3.org/2000/svg">
+        <path fill="none" stroke="#DBAB0A" stroke-width="2" d="M3.05 3.05a7 7 0 1 1 9.9 9.9 7 7 0 0 1-9.9-9.9Z" opacity=".5"></path>
+        <path fill="#DBAB0A" fill-rule="evenodd" d="M8 4a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z" clip-rule="evenodd"></path>
+        <path fill="#DBAB0A" d="M14 8a6 6 0 0 0-6-6V0a8 8 0 0 1 8 8h-2Z"></path>
+      </svg>
diff --git a/src/rendered/assets/gitHubIcons.ts b/src/rendered/assets/gitHubIcons.tsx
similarity index 53%
rename from src/rendered/assets/gitHubIcons.ts
rename to src/rendered/assets/gitHubIcons.tsx
index 1ab3666..0210372 100644
--- a/src/rendered/assets/gitHubIcons.ts
+++ b/src/rendered/assets/gitHubIcons.tsx
@@ -3,7 +3,10 @@ import actions from 'rendered/assets/actions.svg?react';
 import actionDone from 'rendered/assets/action-done.svg?react';
 import actionFailed from 'rendered/assets/action-failed.svg?react';
 import actionCanceled from 'rendered/assets/action-canceled.svg?react';
-import styled from 'styled-components';
+import actionInProgressIcon from 'rendered/assets/action-in-progress.svg?react';
+import styled, { keyframes } from 'styled-components';
+
+import { Run } from 'types/gitHub';
 
 export const ActionsIcon = styled(actions)`
   fill: ${Colors.GRAY1};
@@ -32,3 +35,32 @@ export const ActionFailedIcon = styled(actionFailed)`
     fill: #e5534b;
   }
 `;
+
+const rotate = keyframes`
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+`;
+
+export const ActionInProgressIcon = styled(actionInProgressIcon)`
+  animation: ${rotate} 1s linear infinite;
+  height: 16px;
+`;
+
+export const getStatusIcon = (status: Run['status']) => {
+  switch (status) {
+    case 'completed':
+      return ActionDoneIcon;
+    case 'failed':
+      return ActionFailedIcon;
+    case 'cancelled':
+      return ActionsCanceledIcon;
+    case 'in_progress':
+      return ActionInProgressIcon;
+    default:
+      return ActionsIcon;
+  }
+};
diff --git a/src/rendered/components/Project/Project.tsx b/src/rendered/components/Project/Project.tsx
index ba41b80..717a806 100644
--- a/src/rendered/components/Project/Project.tsx
+++ b/src/rendered/components/Project/Project.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable react/jsx-max-depth */
 import { Button, ButtonGroup, Classes, Colors, Popover } from '@blueprintjs/core';
-import { FC, useState } from 'react';
+import { FC, useEffect, useState } from 'react';
 
 import { useGit } from 'rendered/hooks/useGit';
 import { useMountEffect } from 'rendered/hooks/useMountEffect';
@@ -22,7 +22,7 @@ type Props = {
 export const Project: FC<Props> = ({ project }) => {
   const { gitStatus, getStatus, loading, pull } = useGit();
   const { openModal } = useModal();
-  const [actions, setActions] = useState(false);
+  const [showActions, setShowActions] = useState(false);
 
   const [pullLoading, setPullLoading] = useState(false);
 
@@ -59,7 +59,11 @@ export const Project: FC<Props> = ({ project }) => {
     );
   }
 
-  const toggleActions = () => setActions(!actions);
+  const toggleActions = () => setShowActions(!showActions);
+
+  useEffect(() => {
+    if (gitStatus?.branchSummary.all) setShowActions(true);
+  }, [gitStatus]);
 
   return (
     <>
@@ -85,7 +89,7 @@ export const Project: FC<Props> = ({ project }) => {
           />
 
           <QuickActions
-            actions={actions}
+            actions={showActions}
             gitStatus={gitStatus}
             project={project}
             toggleActions={toggleActions}
@@ -137,11 +141,11 @@ export const Project: FC<Props> = ({ project }) => {
         </ProjectActions>
       </Root>
 
-      {actions && (
+      {showActions && (
         <GitHubActions
           gitStatus={gitStatus}
           project={project}
-          setActions={setActions}
+          setActions={setShowActions}
         />
       )}
     </>
diff --git a/src/rendered/components/Project/components/GitHubAction/GitHubAction.styles.ts b/src/rendered/components/Project/components/GitHubAction/GitHubAction.styles.ts
index 1b961f8..c7947cf 100644
--- a/src/rendered/components/Project/components/GitHubAction/GitHubAction.styles.ts
+++ b/src/rendered/components/Project/components/GitHubAction/GitHubAction.styles.ts
@@ -19,3 +19,44 @@ export const Root = styled.div`
     background-color: ${Colors.DARK_GRAY2};
   }
 `;
+
+export const Status = styled.div``;
+
+export const Title = styled.div`
+  display: flex;
+  text-align: left;
+  justify-content: start;
+  gap: 15px;
+  align-items: center;
+  width: 430px;
+`;
+
+export const TitleText = styled.div`
+  font-size: 13px;
+  display: flex;
+  flex-direction: column;
+`;
+
+export const TitleDescription = styled.div`
+  margin-top: -2px;
+  font-size: 11px;
+  font-weight: 300;
+
+  @media (prefers-color-scheme: dark) {
+    color: ${Colors.GRAY3};
+  }
+`;
+
+export const Event = styled.div`
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  font-size: 11px;
+  margin-left: 10px;
+  font-weight: 300;
+  width: 200px;
+
+  @media (prefers-color-scheme: dark) {
+    color: ${Colors.GRAY3};
+  }
+`;
diff --git a/src/rendered/components/Project/components/GitHubAction/GitHubAction.tsx b/src/rendered/components/Project/components/GitHubAction/GitHubAction.tsx
index e358550..77d2512 100644
--- a/src/rendered/components/Project/components/GitHubAction/GitHubAction.tsx
+++ b/src/rendered/components/Project/components/GitHubAction/GitHubAction.tsx
@@ -1,13 +1,38 @@
 import { FC } from 'react';
+import { Button, Tag } from '@blueprintjs/core';
 
+import { getStatusIcon } from 'rendered/assets/gitHubIcons';
 import { Run } from 'types/gitHub';
 
-import { Root } from './GitHubAction.styles';
+import { Root, Title, TitleDescription, Event, Status, TitleText } from './GitHubAction.styles';
 
 type Props = {
   run: Run;
 };
 
-export const GitHubAction: FC<Props> = ({ run: { display_title } }) => {
-  return <Root>{display_title}</Root>;
+export const GitHubAction: FC<Props> = ({ run: { display_title, name, run_number, head_branch, event, status } }) => {
+  const Icon = getStatusIcon(status);
+
+  return (
+    <Root>
+      <Title>
+        <Status>
+          <Icon title={status} />
+        </Status>
+
+        <TitleText>
+          <div>{display_title}</div>
+          <TitleDescription>
+            <b>{name}</b> #{run_number}:
+          </TitleDescription>
+        </TitleText>
+      </Title>
+
+      <Event>
+        <Tag minimal>{head_branch}</Tag> {event}
+      </Event>
+
+      <Button icon="globe" />
+    </Root>
+  );
 };
diff --git a/src/rendered/components/Project/components/GitHubActions/GitHubActions.tsx b/src/rendered/components/Project/components/GitHubActions/GitHubActions.tsx
index 1c8f20f..2cfe06e 100644
--- a/src/rendered/components/Project/components/GitHubActions/GitHubActions.tsx
+++ b/src/rendered/components/Project/components/GitHubActions/GitHubActions.tsx
@@ -2,7 +2,6 @@ import { FC, useState } from 'react';
 
 import { useMountEffect } from 'rendered/hooks/useMountEffect';
 import { GitStatus, Project } from 'types/project';
-import { appToaster } from 'rendered/utils/appToaster';
 
 import { GitHubAction } from '../GitHubAction';
 
@@ -24,11 +23,6 @@ export const GitHubActions: FC<Props> = ({ gitStatus, project, setActions }) =>
     console.log(res.runs);
 
     if (!res.success) {
-      (await appToaster).show({
-        intent: 'warning',
-        message: res.message
-      });
-
       setActions(false);
 
       return;

From 4e6e1373c3b13bcbb0d6e47cde077010a7a8426a Mon Sep 17 00:00:00 2001
From: Egor Stronhin <i@egor.xyz>
Date: Thu, 7 Mar 2024 10:38:25 +0200
Subject: [PATCH 07/16] feat: actions wip

---
 .../components/GitHubAction/GitHubAction.tsx      | 15 ++++++++++++---
 .../Project/components/OpenInMenu/OpenInMenu.tsx  |  1 -
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/rendered/components/Project/components/GitHubAction/GitHubAction.tsx b/src/rendered/components/Project/components/GitHubAction/GitHubAction.tsx
index 77d2512..8a880fe 100644
--- a/src/rendered/components/Project/components/GitHubAction/GitHubAction.tsx
+++ b/src/rendered/components/Project/components/GitHubAction/GitHubAction.tsx
@@ -10,9 +10,15 @@ type Props = {
   run: Run;
 };
 
-export const GitHubAction: FC<Props> = ({ run: { display_title, name, run_number, head_branch, event, status } }) => {
+export const GitHubAction: FC<Props> = ({
+  run: { display_title, name, run_number, head_branch, event, status, html_url }
+}) => {
   const Icon = getStatusIcon(status);
 
+  const openInBrowser = () => {
+    window.open(html_url, '_blank');
+  };
+
   return (
     <Root>
       <Title>
@@ -23,7 +29,7 @@ export const GitHubAction: FC<Props> = ({ run: { display_title, name, run_number
         <TitleText>
           <div>{display_title}</div>
           <TitleDescription>
-            <b>{name}</b> #{run_number}:
+            <b>{name}</b> #{run_number}
           </TitleDescription>
         </TitleText>
       </Title>
@@ -32,7 +38,10 @@ export const GitHubAction: FC<Props> = ({ run: { display_title, name, run_number
         <Tag minimal>{head_branch}</Tag> {event}
       </Event>
 
-      <Button icon="globe" />
+      <Button
+        icon="globe"
+        onClick={openInBrowser}
+      />
     </Root>
   );
 };
diff --git a/src/rendered/components/Project/components/OpenInMenu/OpenInMenu.tsx b/src/rendered/components/Project/components/OpenInMenu/OpenInMenu.tsx
index f402e94..6c35673 100644
--- a/src/rendered/components/Project/components/OpenInMenu/OpenInMenu.tsx
+++ b/src/rendered/components/Project/components/OpenInMenu/OpenInMenu.tsx
@@ -31,7 +31,6 @@ export const OpenInMenu: FC<Props> = ({ project, gitStatus }) => {
     selectedEditor?.editor === 'Visual Studio Code' ? <VSCode height={15} /> : 'code';
 
   const openInGitHub = (path: string = '') => {
-    console.log('openInGitHub', path);
     window.open(`https://github.com/${gitStatus.organization}/${project.name}${path}`, '_blank');
   };
 

From e8fb6ca43d5875c79687b27b0a17da7b2575b874 Mon Sep 17 00:00:00 2001
From: Egor Stronhin <i@egor.xyz>
Date: Thu, 7 Mar 2024 10:39:57 +0200
Subject: [PATCH 08/16] feat: actions wip

---
 src/rendered/components/Project/Project.tsx | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/rendered/components/Project/Project.tsx b/src/rendered/components/Project/Project.tsx
index 717a806..1cd6232 100644
--- a/src/rendered/components/Project/Project.tsx
+++ b/src/rendered/components/Project/Project.tsx
@@ -1,19 +1,19 @@
 /* eslint-disable react/jsx-max-depth */
 import { Button, ButtonGroup, Classes, Colors, Popover } from '@blueprintjs/core';
-import { FC, useEffect, useState } from 'react';
+import { FC, useState } from 'react';
 
 import { useGit } from 'rendered/hooks/useGit';
+import { useModal } from 'rendered/hooks/useModal';
 import { useMountEffect } from 'rendered/hooks/useMountEffect';
 import { Project as IProject } from 'types/project';
-import { useModal } from 'rendered/hooks/useModal';
 
 import { GitStatusGroup } from '../GitStatusGroup';
-import { ProjectActions, Info, InfoText, MiddleBlock, RepoInfo, Root, StyledSpinner, Title } from './Project.styles';
+import { Info, InfoText, MiddleBlock, ProjectActions, RepoInfo, Root, StyledSpinner, Title } from './Project.styles';
 import { CheckoutBranch } from './components/CheckoutBranch';
 import { Error } from './components/Error';
+import { GitHubActions } from './components/GitHubActions';
 import { ProjectMenu } from './components/ProjectMenu';
 import { QuickActions } from './components/QuickActions';
-import { GitHubActions } from './components/GitHubActions';
 
 type Props = {
   project: IProject;
@@ -61,10 +61,6 @@ export const Project: FC<Props> = ({ project }) => {
 
   const toggleActions = () => setShowActions(!showActions);
 
-  useEffect(() => {
-    if (gitStatus?.branchSummary.all) setShowActions(true);
-  }, [gitStatus]);
-
   return (
     <>
       <Root>

From 4082894dad5c2ad58f7f2a31ec94f08fd7d4a84f Mon Sep 17 00:00:00 2001
From: Egor Stronhin <i@egor.xyz>
Date: Thu, 7 Mar 2024 10:46:06 +0200
Subject: [PATCH 09/16] feat: actions wip

---
 .../Project/components/GitHubAction/GitHubAction.styles.ts      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/rendered/components/Project/components/GitHubAction/GitHubAction.styles.ts b/src/rendered/components/Project/components/GitHubAction/GitHubAction.styles.ts
index c7947cf..05659f0 100644
--- a/src/rendered/components/Project/components/GitHubAction/GitHubAction.styles.ts
+++ b/src/rendered/components/Project/components/GitHubAction/GitHubAction.styles.ts
@@ -9,7 +9,7 @@ export const Root = styled.div`
   min-height: 20px;
   padding: 6px 15px 6px 20px;
   background-color: ${Colors.LIGHT_GRAY4};
-  margin: 2px 2px;
+  margin: 2px 0px;
 
   & + & {
     margin-top: 0;

From f33494917b240ddd7e9a517452769a03f4e033b8 Mon Sep 17 00:00:00 2001
From: Egor Stronhin <i@egor.xyz>
Date: Thu, 7 Mar 2024 10:59:01 +0200
Subject: [PATCH 10/16] feat: actions wip

---
 src/rendered/components/Project/Project.tsx   | 16 ++----
 .../Project/components/GitHubAction/index.ts  |  1 -
 .../GitHubActions/GitHubActions.tsx           | 48 ----------------
 .../Project/components/GitHubActions/index.ts |  1 -
 .../Workflow.styles.ts}                       |  0
 .../Workflow.tsx}                             |  4 +-
 .../Project/components/Workflow/index.ts      |  1 +
 .../components/Project/hooks/useActions.tsx   | 55 +++++++++++++++++++
 8 files changed, 62 insertions(+), 64 deletions(-)
 delete mode 100644 src/rendered/components/Project/components/GitHubAction/index.ts
 delete mode 100644 src/rendered/components/Project/components/GitHubActions/GitHubActions.tsx
 delete mode 100644 src/rendered/components/Project/components/GitHubActions/index.ts
 rename src/rendered/components/Project/components/{GitHubAction/GitHubAction.styles.ts => Workflow/Workflow.styles.ts} (100%)
 rename src/rendered/components/Project/components/{GitHubAction/GitHubAction.tsx => Workflow/Workflow.tsx} (92%)
 create mode 100644 src/rendered/components/Project/components/Workflow/index.ts
 create mode 100644 src/rendered/components/Project/hooks/useActions.tsx

diff --git a/src/rendered/components/Project/Project.tsx b/src/rendered/components/Project/Project.tsx
index 1cd6232..90bf8c4 100644
--- a/src/rendered/components/Project/Project.tsx
+++ b/src/rendered/components/Project/Project.tsx
@@ -11,9 +11,9 @@ import { GitStatusGroup } from '../GitStatusGroup';
 import { Info, InfoText, MiddleBlock, ProjectActions, RepoInfo, Root, StyledSpinner, Title } from './Project.styles';
 import { CheckoutBranch } from './components/CheckoutBranch';
 import { Error } from './components/Error';
-import { GitHubActions } from './components/GitHubActions';
 import { ProjectMenu } from './components/ProjectMenu';
 import { QuickActions } from './components/QuickActions';
+import { useActions } from './hooks/useActions';
 
 type Props = {
   project: IProject;
@@ -22,10 +22,10 @@ type Props = {
 export const Project: FC<Props> = ({ project }) => {
   const { gitStatus, getStatus, loading, pull } = useGit();
   const { openModal } = useModal();
-  const [showActions, setShowActions] = useState(false);
-
   const [pullLoading, setPullLoading] = useState(false);
 
+  const { Actions, showActions, toggleActions } = useActions(gitStatus, project);
+
   const { group, id, name } = project;
 
   const runGetStatus = () => getStatus(id);
@@ -59,8 +59,6 @@ export const Project: FC<Props> = ({ project }) => {
     );
   }
 
-  const toggleActions = () => setShowActions(!showActions);
-
   return (
     <>
       <Root>
@@ -137,13 +135,7 @@ export const Project: FC<Props> = ({ project }) => {
         </ProjectActions>
       </Root>
 
-      {showActions && (
-        <GitHubActions
-          gitStatus={gitStatus}
-          project={project}
-          setActions={setShowActions}
-        />
-      )}
+      {Actions}
     </>
   );
 };
diff --git a/src/rendered/components/Project/components/GitHubAction/index.ts b/src/rendered/components/Project/components/GitHubAction/index.ts
deleted file mode 100644
index ee5061b..0000000
--- a/src/rendered/components/Project/components/GitHubAction/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { GitHubAction } from './GitHubAction';
diff --git a/src/rendered/components/Project/components/GitHubActions/GitHubActions.tsx b/src/rendered/components/Project/components/GitHubActions/GitHubActions.tsx
deleted file mode 100644
index 2cfe06e..0000000
--- a/src/rendered/components/Project/components/GitHubActions/GitHubActions.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import { FC, useState } from 'react';
-
-import { useMountEffect } from 'rendered/hooks/useMountEffect';
-import { GitStatus, Project } from 'types/project';
-
-import { GitHubAction } from '../GitHubAction';
-
-type Props = {
-  gitStatus: GitStatus;
-  project: Project;
-  setActions: (actions: boolean) => void;
-};
-
-export const GitHubActions: FC<Props> = ({ gitStatus, project, setActions }) => {
-  const [runs, setRuns] = useState([]);
-
-  const getActions = async () => {
-    const savedOrigin = localStorage.getItem(`GitResetModal:origin-${project.id}`);
-    const filterBy = [gitStatus.branchSummary.current];
-    if (savedOrigin) filterBy.push(savedOrigin);
-
-    const res = await window.bridge.gitAPI.getAction(project.id, filterBy);
-    console.log(res.runs);
-
-    if (!res.success) {
-      setActions(false);
-
-      return;
-    }
-
-    setRuns(res.runs ?? []);
-  };
-
-  useMountEffect(() => {
-    getActions();
-  });
-
-  return (
-    <>
-      {runs.map((run: any) => (
-        <GitHubAction
-          key={run.id}
-          run={run}
-        />
-      ))}
-    </>
-  );
-};
diff --git a/src/rendered/components/Project/components/GitHubActions/index.ts b/src/rendered/components/Project/components/GitHubActions/index.ts
deleted file mode 100644
index ca31d8a..0000000
--- a/src/rendered/components/Project/components/GitHubActions/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { GitHubActions } from './GitHubActions';
diff --git a/src/rendered/components/Project/components/GitHubAction/GitHubAction.styles.ts b/src/rendered/components/Project/components/Workflow/Workflow.styles.ts
similarity index 100%
rename from src/rendered/components/Project/components/GitHubAction/GitHubAction.styles.ts
rename to src/rendered/components/Project/components/Workflow/Workflow.styles.ts
diff --git a/src/rendered/components/Project/components/GitHubAction/GitHubAction.tsx b/src/rendered/components/Project/components/Workflow/Workflow.tsx
similarity index 92%
rename from src/rendered/components/Project/components/GitHubAction/GitHubAction.tsx
rename to src/rendered/components/Project/components/Workflow/Workflow.tsx
index 8a880fe..d4ebaa9 100644
--- a/src/rendered/components/Project/components/GitHubAction/GitHubAction.tsx
+++ b/src/rendered/components/Project/components/Workflow/Workflow.tsx
@@ -4,13 +4,13 @@ import { Button, Tag } from '@blueprintjs/core';
 import { getStatusIcon } from 'rendered/assets/gitHubIcons';
 import { Run } from 'types/gitHub';
 
-import { Root, Title, TitleDescription, Event, Status, TitleText } from './GitHubAction.styles';
+import { Root, Title, TitleDescription, Event, Status, TitleText } from './Workflow.styles';
 
 type Props = {
   run: Run;
 };
 
-export const GitHubAction: FC<Props> = ({
+export const Workflow: FC<Props> = ({
   run: { display_title, name, run_number, head_branch, event, status, html_url }
 }) => {
   const Icon = getStatusIcon(status);
diff --git a/src/rendered/components/Project/components/Workflow/index.ts b/src/rendered/components/Project/components/Workflow/index.ts
new file mode 100644
index 0000000..98ea89b
--- /dev/null
+++ b/src/rendered/components/Project/components/Workflow/index.ts
@@ -0,0 +1 @@
+export { Workflow } from './Workflow';
diff --git a/src/rendered/components/Project/hooks/useActions.tsx b/src/rendered/components/Project/hooks/useActions.tsx
new file mode 100644
index 0000000..da1bf2e
--- /dev/null
+++ b/src/rendered/components/Project/hooks/useActions.tsx
@@ -0,0 +1,55 @@
+import { useEffect, useMemo, useState } from 'react';
+
+import { GitStatus, Project } from 'types/project';
+
+import { Workflow } from '../components/Workflow';
+
+export const useActions = (gitStatus: GitStatus, project: Project) => {
+  const [runs, setRuns] = useState([]);
+  const [showActions, setShowActions] = useState(false);
+
+  const getActions = async () => {
+    const savedOrigin = localStorage.getItem(`GitResetModal:origin-${project.id}`);
+    const filterBy = [gitStatus.branchSummary.current];
+    if (savedOrigin) filterBy.push(savedOrigin);
+
+    const res = await window.bridge.gitAPI.getAction(project.id, filterBy);
+    console.log(res.runs);
+
+    if (!res.success) {
+      setShowActions(false);
+      return;
+    }
+
+    setRuns(res.runs ?? []);
+  };
+
+  const toggleActions = () => setShowActions(!showActions);
+
+  useEffect(() => {
+    if (!showActions || !gitStatus?.branchSummary.current || !project.id) return;
+    getActions();
+  }, [gitStatus, project, showActions]);
+
+  const Actions = useMemo(
+    () =>
+      showActions &&
+      runs.length > 0 && (
+        <>
+          {runs.map((run: any) => (
+            <Workflow
+              key={run.id}
+              run={run}
+            />
+          ))}
+        </>
+      ),
+    [runs, showActions]
+  );
+
+  return {
+    Actions,
+    showActions,
+    toggleActions
+  };
+};

From 4c06c423e59683da3b0596db1e108da42d54c491 Mon Sep 17 00:00:00 2001
From: Egor Stronhin <i@egor.xyz>
Date: Thu, 7 Mar 2024 11:03:44 +0200
Subject: [PATCH 11/16] feat: actions wip

---
 src/rendered/components/Project/Project.tsx         | 13 ++++++++-----
 .../components/Project/hooks/useActions.tsx         |  1 +
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/rendered/components/Project/Project.tsx b/src/rendered/components/Project/Project.tsx
index 90bf8c4..2a30af4 100644
--- a/src/rendered/components/Project/Project.tsx
+++ b/src/rendered/components/Project/Project.tsx
@@ -24,11 +24,14 @@ export const Project: FC<Props> = ({ project }) => {
   const { openModal } = useModal();
   const [pullLoading, setPullLoading] = useState(false);
 
-  const { Actions, showActions, toggleActions } = useActions(gitStatus, project);
+  const { Actions, showActions, toggleActions, getActions } = useActions(gitStatus, project);
 
   const { group, id, name } = project;
 
-  const runGetStatus = () => getStatus(id);
+  const updateProject = () => {
+    showActions && getActions();
+    getStatus(id);
+  };
 
   const runPull = async () => {
     setPullLoading(true);
@@ -76,7 +79,7 @@ export const Project: FC<Props> = ({ project }) => {
 
         <MiddleBlock>
           <CheckoutBranch
-            getStatus={runGetStatus}
+            getStatus={updateProject}
             gitStatus={gitStatus}
             id={id}
             name={name}
@@ -95,7 +98,7 @@ export const Project: FC<Props> = ({ project }) => {
             {!behind && (
               <Button
                 icon="refresh"
-                onClick={runGetStatus}
+                onClick={updateProject}
               />
             )}
             {Boolean(behind) && (
@@ -109,7 +112,7 @@ export const Project: FC<Props> = ({ project }) => {
             <Popover
               content={
                 <ProjectMenu
-                  getStatus={runGetStatus}
+                  getStatus={updateProject}
                   gitStatus={gitStatus}
                   group={group}
                   id={id}
diff --git a/src/rendered/components/Project/hooks/useActions.tsx b/src/rendered/components/Project/hooks/useActions.tsx
index da1bf2e..95c7608 100644
--- a/src/rendered/components/Project/hooks/useActions.tsx
+++ b/src/rendered/components/Project/hooks/useActions.tsx
@@ -49,6 +49,7 @@ export const useActions = (gitStatus: GitStatus, project: Project) => {
 
   return {
     Actions,
+    getActions,
     showActions,
     toggleActions
   };

From 4bddb14dfd68e027c81143b5a63705121b4036f3 Mon Sep 17 00:00:00 2001
From: Egor Stronhin <i@egor.xyz>
Date: Thu, 7 Mar 2024 11:17:43 +0200
Subject: [PATCH 12/16] feat: actions wip

---
 .../assets/{ => gitHub}/action-canceled.svg   |  0
 .../assets/{ => gitHub}/action-done.svg       |  0
 .../assets/{ => gitHub}/action-failed.svg     |  0
 .../{ => gitHub}/action-in-progress.svg       |  0
 src/rendered/assets/gitHub/action-pending.svg |  1 +
 src/rendered/assets/{ => gitHub}/actions.svg  |  0
 src/rendered/assets/gitHubIcons.tsx           | 31 ++++++++++++++++---
 7 files changed, 27 insertions(+), 5 deletions(-)
 rename src/rendered/assets/{ => gitHub}/action-canceled.svg (100%)
 rename src/rendered/assets/{ => gitHub}/action-done.svg (100%)
 rename src/rendered/assets/{ => gitHub}/action-failed.svg (100%)
 rename src/rendered/assets/{ => gitHub}/action-in-progress.svg (100%)
 create mode 100644 src/rendered/assets/gitHub/action-pending.svg
 rename src/rendered/assets/{ => gitHub}/actions.svg (100%)

diff --git a/src/rendered/assets/action-canceled.svg b/src/rendered/assets/gitHub/action-canceled.svg
similarity index 100%
rename from src/rendered/assets/action-canceled.svg
rename to src/rendered/assets/gitHub/action-canceled.svg
diff --git a/src/rendered/assets/action-done.svg b/src/rendered/assets/gitHub/action-done.svg
similarity index 100%
rename from src/rendered/assets/action-done.svg
rename to src/rendered/assets/gitHub/action-done.svg
diff --git a/src/rendered/assets/action-failed.svg b/src/rendered/assets/gitHub/action-failed.svg
similarity index 100%
rename from src/rendered/assets/action-failed.svg
rename to src/rendered/assets/gitHub/action-failed.svg
diff --git a/src/rendered/assets/action-in-progress.svg b/src/rendered/assets/gitHub/action-in-progress.svg
similarity index 100%
rename from src/rendered/assets/action-in-progress.svg
rename to src/rendered/assets/gitHub/action-in-progress.svg
diff --git a/src/rendered/assets/gitHub/action-pending.svg b/src/rendered/assets/gitHub/action-pending.svg
new file mode 100644
index 0000000..e82ba4c
--- /dev/null
+++ b/src/rendered/assets/gitHub/action-pending.svg
@@ -0,0 +1 @@
+<svg fill="#9a6700" width="16" height="16" style="margin-top: 2px" class="octicon octicon-dot-fill hx_dot-fill-pending-icon" aria-label="queued" viewBox="0 0 16 16" version="1.1" role="img"><path d="M8 4a4 4 0 1 1 0 8 4 4 0 0 1 0-8Z"></path></svg>
diff --git a/src/rendered/assets/actions.svg b/src/rendered/assets/gitHub/actions.svg
similarity index 100%
rename from src/rendered/assets/actions.svg
rename to src/rendered/assets/gitHub/actions.svg
diff --git a/src/rendered/assets/gitHubIcons.tsx b/src/rendered/assets/gitHubIcons.tsx
index 0210372..ce236be 100644
--- a/src/rendered/assets/gitHubIcons.tsx
+++ b/src/rendered/assets/gitHubIcons.tsx
@@ -1,13 +1,15 @@
 import { Colors } from '@blueprintjs/core';
-import actions from 'rendered/assets/actions.svg?react';
-import actionDone from 'rendered/assets/action-done.svg?react';
-import actionFailed from 'rendered/assets/action-failed.svg?react';
-import actionCanceled from 'rendered/assets/action-canceled.svg?react';
-import actionInProgressIcon from 'rendered/assets/action-in-progress.svg?react';
 import styled, { keyframes } from 'styled-components';
 
 import { Run } from 'types/gitHub';
 
+import actionDone from './gitHub/action-done.svg?react';
+import actionFailed from './gitHub/action-failed.svg?react';
+import actionCanceled from './gitHub/action-canceled.svg?react';
+import actionInProgressIcon from './gitHub/action-in-progress.svg?react';
+import actionPendingIcon from './gitHub/action-pending.svg?react';
+import actions from './gitHub/actions.svg?react';
+
 export const ActionsIcon = styled(actions)`
   fill: ${Colors.GRAY1};
   @media (prefers-color-scheme: dark) {
@@ -50,6 +52,23 @@ export const ActionInProgressIcon = styled(actionInProgressIcon)`
   height: 16px;
 `;
 
+const blink = keyframes`
+  0% {
+    opacity: 0.2;
+  }
+  50% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0.2;
+  }
+`;
+
+export const ActionPendingIcon = styled(actionPendingIcon)`
+  animation: ${blink} 1.5s linear infinite;
+  height: 16px;
+`;
+
 export const getStatusIcon = (status: Run['status']) => {
   switch (status) {
     case 'completed':
@@ -60,6 +79,8 @@ export const getStatusIcon = (status: Run['status']) => {
       return ActionsCanceledIcon;
     case 'in_progress':
       return ActionInProgressIcon;
+    case '"pending"':
+      return ActionPendingIcon;
     default:
       return ActionsIcon;
   }

From 99eb46291308d92319305214c6c5e37b4ed7901d Mon Sep 17 00:00:00 2001
From: Egor Stronhin <i@egor.xyz>
Date: Thu, 7 Mar 2024 11:18:52 +0200
Subject: [PATCH 13/16] feat: actions wip

---
 src/rendered/assets/gitHubIcons.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/rendered/assets/gitHubIcons.tsx b/src/rendered/assets/gitHubIcons.tsx
index ce236be..34b73f2 100644
--- a/src/rendered/assets/gitHubIcons.tsx
+++ b/src/rendered/assets/gitHubIcons.tsx
@@ -79,7 +79,7 @@ export const getStatusIcon = (status: Run['status']) => {
       return ActionsCanceledIcon;
     case 'in_progress':
       return ActionInProgressIcon;
-    case '"pending"':
+    case 'pending':
       return ActionPendingIcon;
     default:
       return ActionsIcon;

From ed8c3ecc656fc1563366d70b52533dce0da35d37 Mon Sep 17 00:00:00 2001
From: Egor Stronhin <i@egor.xyz>
Date: Thu, 7 Mar 2024 11:23:14 +0200
Subject: [PATCH 14/16] feat: actions wip

---
 src/rendered/assets/gitHubIcons.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/rendered/assets/gitHubIcons.tsx b/src/rendered/assets/gitHubIcons.tsx
index 34b73f2..f0336bf 100644
--- a/src/rendered/assets/gitHubIcons.tsx
+++ b/src/rendered/assets/gitHubIcons.tsx
@@ -79,6 +79,7 @@ export const getStatusIcon = (status: Run['status']) => {
       return ActionsCanceledIcon;
     case 'in_progress':
       return ActionInProgressIcon;
+    case 'queued':
     case 'pending':
       return ActionPendingIcon;
     default:

From a2643f990548e646636d365133640ea39269002e Mon Sep 17 00:00:00 2001
From: Egor Stronhin <i@egor.xyz>
Date: Thu, 7 Mar 2024 11:26:23 +0200
Subject: [PATCH 15/16] feat: actions wip

---
 src/main/ipcs/ipcGitHub.ts                   | 1 +
 src/rendered/assets/gitHub/action-queued.svg | 1 +
 src/rendered/assets/gitHubIcons.tsx          | 2 ++
 3 files changed, 4 insertions(+)
 create mode 100644 src/rendered/assets/gitHub/action-queued.svg

diff --git a/src/main/ipcs/ipcGitHub.ts b/src/main/ipcs/ipcGitHub.ts
index 8a78f0f..f5be449 100644
--- a/src/main/ipcs/ipcGitHub.ts
+++ b/src/main/ipcs/ipcGitHub.ts
@@ -60,6 +60,7 @@ ipcMain.handle('git:api:getAction', async (_, id: string, filterBy: string[]) =>
 
     const { data } = await octokit().rest.actions.listWorkflowRunsForRepo({
       owner,
+      per_page: 3,
       repo
     });
 
diff --git a/src/rendered/assets/gitHub/action-queued.svg b/src/rendered/assets/gitHub/action-queued.svg
new file mode 100644
index 0000000..48ce342
--- /dev/null
+++ b/src/rendered/assets/gitHub/action-queued.svg
@@ -0,0 +1 @@
+<svg fill="#9a6700" width="16" height="16" style="margin-top: 2px" class="octicon octicon-clock color-fg-attention" aria-label="waiting for another serialized run to finish" viewBox="0 0 16 16" version="1.1" role="img"><path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Zm7-3.25v2.992l2.028.812a.75.75 0 0 1-.557 1.392l-2.5-1A.751.751 0 0 1 7 8.25v-3.5a.75.75 0 0 1 1.5 0Z"></path></svg>
diff --git a/src/rendered/assets/gitHubIcons.tsx b/src/rendered/assets/gitHubIcons.tsx
index f0336bf..5aa3628 100644
--- a/src/rendered/assets/gitHubIcons.tsx
+++ b/src/rendered/assets/gitHubIcons.tsx
@@ -8,6 +8,7 @@ import actionFailed from './gitHub/action-failed.svg?react';
 import actionCanceled from './gitHub/action-canceled.svg?react';
 import actionInProgressIcon from './gitHub/action-in-progress.svg?react';
 import actionPendingIcon from './gitHub/action-pending.svg?react';
+import ActionQueuedIcon from './gitHub/action-queued.svg?react';
 import actions from './gitHub/actions.svg?react';
 
 export const ActionsIcon = styled(actions)`
@@ -80,6 +81,7 @@ export const getStatusIcon = (status: Run['status']) => {
     case 'in_progress':
       return ActionInProgressIcon;
     case 'queued':
+      return ActionQueuedIcon;
     case 'pending':
       return ActionPendingIcon;
     default:

From 04076e944939aa442f1b66387e7693acf861a820 Mon Sep 17 00:00:00 2001
From: Egor Stronhin <i@egor.xyz>
Date: Thu, 7 Mar 2024 11:28:25 +0200
Subject: [PATCH 16/16] feat: actions wip

---
 src/rendered/components/Project/hooks/useActions.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/rendered/components/Project/hooks/useActions.tsx b/src/rendered/components/Project/hooks/useActions.tsx
index 95c7608..65065ba 100644
--- a/src/rendered/components/Project/hooks/useActions.tsx
+++ b/src/rendered/components/Project/hooks/useActions.tsx
@@ -14,7 +14,6 @@ export const useActions = (gitStatus: GitStatus, project: Project) => {
     if (savedOrigin) filterBy.push(savedOrigin);
 
     const res = await window.bridge.gitAPI.getAction(project.id, filterBy);
-    console.log(res.runs);
 
     if (!res.success) {
       setShowActions(false);