organization-settings: Redesign edit and delete buttons in settings tables.

Fixes part of #34200.

web/templates/settings/admin_emoji_list.hbs

@@ -1,5 +1,5 @@
 {{#with emoji}}
-<tr class="emoji_row" id="emoji_{{name}}">
+<tr class="emoji_row" id="emoji_{{name}}" data-emoji-name="{{name}}">
     <td>
         <span class="emoji_name">{{display_name}}</span>
     </td>
@@ -20,9 +20,13 @@
         {{/if}}
     </td>
     <td>
-        <button class="button rounded small delete button-danger tippy-zulip-delayed-tooltip" {{#unless can_delete_emoji}}disabled="disabled"{{/unless}} data-tippy-content="{{t 'Delete' }}" data-emoji-name="{{name}}">
-            <i class="fa fa-trash-o" aria-hidden="true"></i>
-        </button>
+        {{> ../components/icon_button
+          icon="trash"
+          intent="danger"
+          custom_classes="tippy-zulip-delayed-tooltip delete"
+          disabled=(not can_delete_emoji)
+          data-tippy-content=(t "Deactivate")
+          }}
     </td>
 </tr>
 {{/with}}

web/templates/settings/admin_export_list.hbs

@@ -1,5 +1,5 @@
 {{#with realm_export}}
-<tr class="export_row" id="export_{{id}}">
+<tr class="export_row" id="export_{{id}}" data-export-id="{{id}}">
     <td>
         <span class="acting_user">{{acting_user}}</span>
     </td>
@@ -22,9 +22,13 @@
     </td>
     <td class="actions">
         {{#if url}}
-        <button class="button rounded small delete button-danger" data-export-id="{{id}}">
-            <i class="fa fa-trash-o" aria-hidden="true"></i>
-        </button>
+        {{> ../components/icon_button
+          icon="trash"
+          intent="danger"
+          custom_classes="tippy-zulip-delayed-tooltip delete"
+          data-tippy-content=(t "Delete")
+          aria-label=(t "Delete")
+          }}
         {{/if}}
     </td>
 </tr>

web/templates/settings/admin_linkifier_list.hbs

@@ -14,12 +14,20 @@
     </td>
     {{#if ../can_modify}}
     <td class="no-select actions">
-        <button class="button small rounded edit button-warning tippy-zulip-delayed-tooltip" data-linkifier-id="{{id}}" data-tippy-content="{{t 'Edit' }}" aria-label="{{t 'Edit' }}">
-            <i class="fa fa-pencil"></i>
-        </button>
-        <button class="button small rounded delete button-danger tippy-zulip-delayed-tooltip" data-linkifier-id="{{id}}" data-tippy-content="{{t 'Delete' }}" aria-label="{{t 'Delete' }}">
-            <i class="fa fa-trash-o"></i>
-        </button>
+        {{> ../components/icon_button
+          icon="edit"
+          intent="neutral"
+          custom_classes="tippy-zulip-delayed-tooltip edit"
+          data-tippy-content=(t "Edit")
+          aria-label=(t "Edit")
+          }}
+        {{> ../components/icon_button
+          icon="trash"
+          intent="danger"
+          custom_classes="tippy-zulip-delayed-tooltip delete"
+          data-tippy-content=(t "Delete")
+          aria-label=(t "Delete")
+          }}
     </td>
     {{/if}}
 </tr>

web/templates/settings/admin_playground_list.hbs

@@ -1,5 +1,5 @@
 {{#with playground}}
-<tr class="playground_row">
+<tr class="playground_row" data-playground-id="{{id}}">
     <td>
         <span class="playground_pygments_language">{{pygments_language}}</span>
     </td>
@@ -11,9 +11,13 @@
     </td>
     {{#if ../can_modify}}
     <td class="no-select actions">
-        <button class="button small delete button-danger tippy-zulip-tooltip" data-playground-id="{{id}}" data-tippy-content="{{t 'Delete' }}" aria-label="{{t 'Delete' }}">
-            <i class="fa fa-trash-o"></i>
-        </button>
+        {{> ../components/icon_button
+          icon="trash"
+          intent="danger"
+          custom_classes="tippy-zulip-tooltip delete"
+          data-tippy-content=(t "Delete")
+          aria-label=(t "Delete")
+          }}
     </td>
     {{/if}}
 </tr>

web/templates/settings/admin_profile_field_list.hbs

@@ -35,12 +35,19 @@
     </td>
     {{#if ../can_modify}}
     <td class="actions">
-        <button class="button rounded small button-warning open-edit-form-modal tippy-zulip-delayed-tooltip" data-tippy-content="{{t 'Edit' }}" data-profile-field-id="{{id}}">
-            <i class="fa fa-pencil" aria-hidden="true"></i>
-        </button>
-        <button class="button rounded small delete button-danger tippy-zulip-delayed-tooltip" data-tippy-content="{{t 'Delete' }}" data-profile-field-id="{{id}}">
-            <i class="fa fa-trash-o" aria-hidden="true"></i>
-        </button>
+        {{> ../components/icon_button
+          icon="edit"
+          intent="neutral"
+          custom_classes="tippy-zulip-delayed-tooltip open-edit-form-modal"
+          data-tippy-content=(t "Edit")
+          }}
+        {{> ../components/icon_button
+          icon="trash"
+          intent="danger"
+          custom_classes="tippy-zulip-delayed-tooltip delete"
+          data-tippy-content=(t "Delete")
+          aria-label=(t "Delete")
+          }}
     </td>
     {{/if}}
 </tr>