EditStatuses

Signed-off-by: Andrey Platov <andrey@hardcoreeng.com>

plugins/view-resources/src/components/KanbanView.svelte

@@ -65,14 +65,6 @@
     showPopup(open, { object, space }, 'float')
   }
 
-  const colors = [
-    '#7C6FCD',
-    '#6F7BC5',
-    '#A5D179',
-    '#77C07B',
-    '#F28469'
-  ]
-
   let dragCard: (Doc & { state: Ref<State>}) | undefined
 
   async function cardPresenter(_class: Ref<Class<Doc>>): Promise<AnySvelteComponent> {
@@ -90,7 +82,7 @@
   <ScrollBox>
     <div class="kanban-content">
       {#each states as state, i}
-        <KanbanPanel label={state.label} color={colors[i]} counter={4}
+        <KanbanPanel label={state.title} color={state.color} counter={4}
           on:dragover={(event) => {
             event.preventDefault()
           }}

plugins/view-resources/src/components/StatePresenter.svelte

@@ -19,11 +19,10 @@
 
   export let value: State
 
-  const bgColor: string = '#7C6FCD'
 </script>
 
-<div class="state-container" style="background-color: {bgColor}">
-  {value.label}
+<div class="state-container" style="background-color: {value.color}">
+  {value.title}
 </div>
 
 <style lang="scss">