Rearrange and move prominent action icons to the front

runningnoodle · Nov 5, 2018 · ec7d398 · ec7d398
1 parent d09a16d
commit ec7d398
Showing 1 changed file with 13 additions and 13 deletions.
diff --git a/frontend/my/src/Campaigns.js b/frontend/my/src/Campaigns.js
@@ -117,19 +117,6 @@ class Campaigns extends React.PureComponent {
             render: (text, record) => {
                 return (
                     <div className="actions">
-                        <Tooltip title="Preview campaign" placement="bottom">
-                            <a role="button" onClick={() => {
-                                this.handlePreview(record)
-                            }}><Icon type="search" /></a>
-                        </Tooltip>
-
-                        <Tooltip title="Clone campaign" placement="bottom">
-                            <a role="button" onClick={() => {
-                                let r = { ...record, lists: record.lists.map((i) => { return i.id }) }
-                                this.handleToggleCloneForm(r)
-                            }}><Icon type="copy" /></a>
-                        </Tooltip>
-
                         { ( record.status === cs.CampaignStatusPaused ) &&
                             <Popconfirm title="Are you sure?" onConfirm={() => this.handleUpdateStatus(record, cs.CampaignStatusRunning)}>
                                 <Tooltip title="Resume campaign" placement="bottom"><a role="button"><Icon type="rocket" /></a></Tooltip>
@@ -161,6 +148,19 @@ class Campaigns extends React.PureComponent {
                             </Popconfirm>
                         }
 
+                        <Tooltip title="Preview campaign" placement="bottom">
+                            <a role="button" onClick={() => {
+                                this.handlePreview(record)
+                            }}><Icon type="search" /></a>
+                        </Tooltip>
+
+                        <Tooltip title="Clone campaign" placement="bottom">
+                            <a role="button" onClick={() => {
+                                let r = { ...record, lists: record.lists.map((i) => { return i.id }) }
+                                this.handleToggleCloneForm(r)
+                            }}><Icon type="copy" /></a>
+                        </Tooltip>
+
                         { ( record.status === cs.CampaignStatusDraft || record.status === cs.CampaignStatusScheduled ) &&
                             <Popconfirm title="Are you sure?" onConfirm={() => this.handleDeleteRecord(record)}>
                                 <Tooltip title="Delete campaign" placement="bottom"><a role="button"><Icon type="delete" /></a></Tooltip>