fix(grid): should show icon in front of action button (#199)

worktile · Dec 18, 2024 · e1c418e · e1c418e
1 parent fe6ef2e
commit e1c418e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/packages/grid/src/components/context-menu/context-menu.component.html b/packages/grid/src/components/context-menu/context-menu.component.html
@@ -8,7 +8,7 @@
             (click)="execute(menu)"
             [thyDisabled]="disabled"
         >
-            <thy-icon thyIconName="menu.icon"></thy-icon>
+            <thy-icon [thyIconName]="menu.icon!"></thy-icon>
             <span>{{ menu.name }}</span>
         </a>
     }

diff --git a/src/app/component/common/content/content.component.ts b/src/app/component/common/content/content.component.ts
@@ -65,6 +65,7 @@ export class DemoTableContent {
 
     aiFieldConfig: Signal<AIFieldConfig> = computed(() => {
         const readonly = this.tableService.readonly();
+        const onlyOneField = this.tableService.fields().length === 1;
         return {
             fieldRenderers: {
                 [AITableFieldType.date]: {
@@ -94,14 +95,14 @@ export class DemoTableContent {
                     hidden: (aiTable: AITable, field: Signal<AITableField>) => false,
                     disabled: (aiTable: AITable, field: Signal<AITableField>) => false
                 },
-                { ...DividerMenuItem, hidden: () => readonly },
+                { ...DividerMenuItem, hidden: () => readonly || onlyOneField },
                 {
                     ...buildRemoveFieldItem(() => {
                         const member = 'member_03';
                         const time = new Date().getTime();
                         return { updated_at: time, updated_by: member };
                     }),
-                    hidden: () => readonly
+                    hidden: () => readonly || onlyOneField
                 }
             ]
         };