update ui sdk (auto-hug for the Ghost button) & use 24x24 settings icon

platforma-open · Nov 8, 2024 · 240c5b2 · 240c5b2
1 parent bf618bd
commit 240c5b2
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 13 deletions.
diff --git a/.changeset/dry-jars-wash.md b/.changeset/dry-jars-wash.md
@@ -0,0 +1,6 @@
+---
+'@platforma-open/milaboratories.mixcr-clonotyping.ui': patch
+'@platforma-open/milaboratories.mixcr-clonotyping': patch
+---
+
+update ui sdk (auto-hug for the Ghost button) & use 24x24 settings icon
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
@@ -8,7 +8,7 @@ packages:
 catalog:
   '@platforma-sdk/workflow-tengo': ^1.7.2
   '@platforma-sdk/model': ^1.7.20
-  '@platforma-sdk/ui-vue': ^1.7.42
+  '@platforma-sdk/ui-vue': ^1.7.51
   '@platforma-sdk/tengo-builder': ^1.16.1
   '@platforma-sdk/block-tools': ^2.3.21
 

diff --git a/ui/src/MainPage.vue b/ui/src/MainPage.vue
@@ -10,7 +10,7 @@ import {
     ModuleRegistry
 } from '@ag-grid-community/core';
 import { PlId } from '@platforma-open/milaboratories.mixcr-clonotyping.model';
-import { AgGridTheme, PlAgOverlayLoading, PlAgOverlayNoRows, PlBlockPage, PlBtnGhost, PlSlideModal } from '@platforma-sdk/ui-vue';
+import { AgGridTheme, PlAgOverlayLoading, PlAgOverlayNoRows, PlBlockPage, PlBtnGhost, PlSlideModal, PlMaskIcon24 } from '@platforma-sdk/ui-vue';
 import { refDebounced, whenever } from '@vueuse/core';
 import { reactive, shallowRef, watch } from 'vue';
 import AlignmentStatsCell from './AlignmentStatsCell.vue';
@@ -122,7 +122,12 @@ const gridOptions: GridOptions<MiXCRResult> = {
     <PlBlockPage>
         <template #title>MiXCR Clonotyping</template>
         <template #append>
-            <PlBtnGhost :icon="'settings-2'" @click.stop="() => data.settingsOpen = true">Settings</PlBtnGhost>
+            <PlBtnGhost @click.stop="() => data.settingsOpen = true">
+                Settings
+                <template #append>
+                    <PlMaskIcon24 name="settings" />
+                </template>
+            </PlBtnGhost>
         </template>
         <div :style="{ flex: 1 }">
             <AgGridVue :theme="AgGridTheme" :style="{ height: '100%' }" @grid-ready="onGridReady" :rowData="result" :columnDefs="columnDefs"