Merge pull request #1747 from rocket-admin/mini-fixes

table view: fix link clicks on table rows and change icon on Settings button

Author: lyubov-voloshko

frontend/src/app/components/dashboard/db-table-view/db-table-view.component.html

@@ -152,7 +152,7 @@ <h2 class="mat-h2 table-name">{{ displayName }}</h2>
                     angulartics2On="click"
                     angularticsAction="Dashboard: settings dropdown is clicked"
                     (click)="posthog.capture('Dashboard: settings dropdown is clicked')">
-                    <mat-icon>more_vert</mat-icon>
+                    <mat-icon fontSet="material-symbols-outlined">settings</mat-icon>
                 </button>
                 <mat-menu #settingsMenu="matMenu">
                     <a mat-menu-item *ngIf="tableData"
@@ -352,7 +352,7 @@ <h2 class="mat-h2 table-name">{{ displayName }}</h2>
                         angulartics2On="click"
                         angularticsAction="Dashboard: edit row is clicked"
                         matTooltip="Edit row"
-                        (click)="stashUrlParams(); posthog.capture('Dashboard: edit row is clicked')">
+                        (click)="$event.stopPropagation(); stashUrlParams(); posthog.capture('Dashboard: edit row is clicked')">
                         <mat-icon fontSet="material-symbols-outlined">create</mat-icon>
                     </a>
                     <a mat-icon-button *ngIf="canAddRow()"
@@ -365,7 +365,7 @@ <h2 class="mat-h2 table-name">{{ displayName }}</h2>
                         angulartics2On="click"
                         angularticsAction="Dashboard: duplicate row is clicked"
                         matTooltip="Duplicate row"
-                        (click)="stashUrlParams(); posthog.capture('Dashboard: duplicate row is clicked')">
+                        (click)="$event.stopPropagation(); stashUrlParams(); posthog.capture('Dashboard: duplicate row is clicked')">
                         <mat-icon fontSet="material-symbols-outlined">difference</mat-icon>
                     </a>
                     <button type="button" mat-icon-button *ngIf="canDeleteRow() && tableData.canDelete"