From 5faa41a2062c71c3dd4bcf323a2aaaf51d2f8ae7 Mon Sep 17 00:00:00 2001
From: Alexander Platov <sas_lord@mail.ru>
Date: Mon, 30 May 2022 19:02:45 +0300
Subject: [PATCH] FliterBar: remove save button (#1937)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>
---
 .../src/components/filter/FilterBar.svelte    | 45 ++++++++++---------
 1 file changed, 23 insertions(+), 22 deletions(-)

diff --git a/plugins/view-resources/src/components/filter/FilterBar.svelte b/plugins/view-resources/src/components/filter/FilterBar.svelte
index 1eaf7a985c..c6db195436 100644
--- a/plugins/view-resources/src/components/filter/FilterBar.svelte
+++ b/plugins/view-resources/src/components/filter/FilterBar.svelte
@@ -15,7 +15,7 @@
 <script lang="ts">
   import { Class, Doc, DocumentQuery, Ref } from '@anticrm/core'
   import { getClient } from '@anticrm/presentation'
-  import { Button, eventToHTMLElement, IconAdd, Label, showPopup } from '@anticrm/ui'
+  import { Button, eventToHTMLElement, IconAdd, showPopup } from '@anticrm/ui'
   import { Filter } from '@anticrm/view'
   import { createEventDispatcher } from 'svelte'
   import view from '../../plugin'
@@ -31,7 +31,7 @@
   const dispatch = createEventDispatcher()
 
   let maxIndex = filters ? filters.length : 0
-  let allFilters: boolean = true
+  // const allFilters: boolean = true
 
   function onChange (e: Filter | undefined) {
     if (e === undefined) return
@@ -143,7 +143,8 @@
       </div>
     </div>
 
-    <div class="buttons-group small-gap ml-4">
+    <!-- SAVE BUTTON -->
+    <!-- <div class="buttons-group small-gap ml-4">
       {#if filters.length > 1}
         <div class="flex-baseline">
           <span class="overflow-label">
@@ -161,7 +162,7 @@
         <div class="buttons-divider" />
       {/if}
       <Button icon={view.icon.Views} label={view.string.Save} size={'small'} width={'fit-content'} />
-    </div>
+    </div> -->
   </div>
 {/if}
 
@@ -191,24 +192,24 @@
       margin-bottom: 0.375rem;
     }
 
-    .filter-button {
-      display: flex;
-      align-items: baseline;
-      flex-shrink: 0;
-      padding: 0 0.375rem;
-      height: 1.5rem;
-      min-width: 1.5rem;
-      white-space: nowrap;
-      line-height: 150%;
-      color: var(--accent-color);
-      background-color: transparent;
-      border-radius: 0.25rem;
-      transition-duration: background-color 0.15s ease-in-out;
+    // .filter-button {
+    //   display: flex;
+    //   align-items: baseline;
+    //   flex-shrink: 0;
+    //   padding: 0 0.375rem;
+    //   height: 1.5rem;
+    //   min-width: 1.5rem;
+    //   white-space: nowrap;
+    //   line-height: 150%;
+    //   color: var(--accent-color);
+    //   background-color: transparent;
+    //   border-radius: 0.25rem;
+    //   transition-duration: background-color 0.15s ease-in-out;
 
-      &:hover {
-        color: var(--caption-color);
-        background-color: var(--noborder-bg-hover);
-      }
-    }
+    //   &:hover {
+    //     color: var(--caption-color);
+    //     background-color: var(--noborder-bg-hover);
+    //   }
+    // }
   }
 </style>