From ba21f29c27ec6a824a4ce7f7d1106e40c7184290 Mon Sep 17 00:00:00 2001
From: Anbraten <anton@ju60.de>
Date: Tue, 19 Dec 2023 06:00:56 +0100
Subject: [PATCH] Update pipeline icons (#2783)

![image](https://github.com/woodpecker-ci/woodpecker/assets/6918444/1da704e0-f160-44f4-8b23-e223313c0f11)
---
 web/src/components/atomic/Icon.vue                  | 13 ++++++++-----
 .../components/repo/pipeline/PipelineStatusIcon.vue |  1 +
 web/src/components/repo/pipeline/pipeline-status.ts |  4 ++--
 3 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/web/src/components/atomic/Icon.vue b/web/src/components/atomic/Icon.vue
index d1b9ba300..129d911d0 100644
--- a/web/src/components/atomic/Icon.vue
+++ b/web/src/components/atomic/Icon.vue
@@ -12,14 +12,17 @@
   <i-teenyicons-git-solid v-else-if="name === 'repo'" class="h-8 w-8" />
   <i-clarity-settings-solid v-else-if="name === 'settings'" class="w-8 h-8" />
   <i-gg-trash v-else-if="name === 'trash'" class="h-6 w-6" />
-  <i-bi-play-circle-fill v-else-if="name === 'status-blocked'" class="h-6 w-6" />
-  <i-bi-stop-circle-fill v-else-if="name === 'status-declined'" class="h-6 w-6" />
-  <i-bi-x-circle-fill
+  <i-mdi-play v-else-if="name === 'status-blocked'" class="h-6 w-6" />
+  <i-mdi-stop v-else-if="name === 'status-declined'" class="h-6 w-6" />
+  <i-mdi-close-thick
     v-else-if="name === 'status-failure' || name === 'status-error' || name === 'status-killed'"
     class="h-6 w-6"
   />
-  <i-bi-circle v-else-if="name === 'status-pending'" class="h-6 w-6" />
-  <i-carbon-in-progress v-else-if="name === 'status-running' || name === 'status-started'" class="h-6 w-6" />
+  <i-mdi-radiobox-blank v-else-if="name === 'status-pending'" class="h-6 w-6" />
+  <i-mdi-radiobox-indeterminate-variant
+    v-else-if="name === 'status-running' || name === 'status-started'"
+    class="h-6 w-6"
+  />
   <i-bi-slash-circle-fill v-else-if="name === 'status-skipped'" class="h-6 w-6" />
   <i-bi-check-circle-fill v-else-if="name === 'status-success'" class="h-6 w-6" />
   <i-bi-exclamation-triangle-fill v-else-if="name === 'attention'" class="h-5 w-5" />
diff --git a/web/src/components/repo/pipeline/PipelineStatusIcon.vue b/web/src/components/repo/pipeline/PipelineStatusIcon.vue
index 58d214b28..f80ef78d9 100644
--- a/web/src/components/repo/pipeline/PipelineStatusIcon.vue
+++ b/web/src/components/repo/pipeline/PipelineStatusIcon.vue
@@ -10,6 +10,7 @@
         'text-wp-state-neutral-100': pipelineStatusColors[status] === 'gray',
         'text-wp-state-ok-100': pipelineStatusColors[status] === 'green',
         'text-wp-state-info-100': pipelineStatusColors[status] === 'blue',
+        'text-wp-state-warn-100': pipelineStatusColors[status] === 'orange',
       }"
     />
   </div>
diff --git a/web/src/components/repo/pipeline/pipeline-status.ts b/web/src/components/repo/pipeline/pipeline-status.ts
index 177350ef5..5b444e115 100644
--- a/web/src/components/repo/pipeline/pipeline-status.ts
+++ b/web/src/components/repo/pipeline/pipeline-status.ts
@@ -1,12 +1,12 @@
 import { PipelineStatus } from '~/lib/api/types';
 
-export const pipelineStatusColors: Record<PipelineStatus, 'green' | 'gray' | 'red' | 'blue'> = {
+export const pipelineStatusColors: Record<PipelineStatus, 'green' | 'gray' | 'red' | 'blue' | 'orange'> = {
   blocked: 'gray',
   declined: 'red',
   error: 'red',
   failure: 'red',
   killed: 'gray',
-  pending: 'gray',
+  pending: 'orange',
   skipped: 'gray',
   running: 'blue',
   started: 'blue',