From a06a85e329afd3f58b245d69ded9c06b81cfcd13 Mon Sep 17 00:00:00 2001
From: sct <ryan@sct.dev>
Date: Mon, 29 Mar 2021 15:49:49 +0900
Subject: [PATCH] refactor(ui): change view details button on logs page to an
 icon

---
 src/components/Settings/SettingsLogs/index.tsx | 15 +++++++++++++--
 src/i18n/locale/en.json                        |  1 -
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/components/Settings/SettingsLogs/index.tsx b/src/components/Settings/SettingsLogs/index.tsx
index 055eebb29..b7eda0565 100644
--- a/src/components/Settings/SettingsLogs/index.tsx
+++ b/src/components/Settings/SettingsLogs/index.tsx
@@ -34,7 +34,6 @@ const messages = defineMessages({
   showall: 'Show All Logs',
   pauseLogs: 'Pause',
   resumeLogs: 'Resume',
-  viewDetails: 'View Details',
   copyToClipboard: 'Copy to Clipboard',
   logDetails: 'Log Details',
   extraData: 'Additional Data',
@@ -361,7 +360,19 @@ const SettingsLogs: React.FC = () => {
                         onClick={() => setActiveLog(row)}
                         className="mr-2"
                       >
-                        {intl.formatMessage(messages.viewDetails)}
+                        <svg
+                          className="w-5 h-5 text-white"
+                          fill="currentColor"
+                          viewBox="0 0 20 20"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path d="M4 4a2 2 0 012-2h4.586A2 2 0 0112 2.586L15.414 6A2 2 0 0116 7.414V16a2 2 0 01-2 2h-1.528A6 6 0 004 9.528V4z" />
+                          <path
+                            fillRule="evenodd"
+                            d="M8 10a4 4 0 00-3.446 6.032l-1.261 1.26a1 1 0 101.414 1.415l1.261-1.261A4 4 0 108 10zm-2 4a2 2 0 114 0 2 2 0 01-4 0z"
+                            clipRule="evenodd"
+                          />
+                        </svg>
                       </Button>
                     )}
                     <Button
diff --git a/src/i18n/locale/en.json b/src/i18n/locale/en.json
index e283f5e23..1a8f34e70 100644
--- a/src/i18n/locale/en.json
+++ b/src/i18n/locale/en.json
@@ -421,7 +421,6 @@
   "components.Settings.SettingsLogs.resumeLogs": "Resume",
   "components.Settings.SettingsLogs.showall": "Show All Logs",
   "components.Settings.SettingsLogs.time": "Timestamp",
-  "components.Settings.SettingsLogs.viewDetails": "View Details",
   "components.Settings.SettingsUsers.defaultPermissions": "Default Permissions",
   "components.Settings.SettingsUsers.localLogin": "Enable Local Sign-In",
   "components.Settings.SettingsUsers.movieRequestLimitLabel": "Global Movie Request Limit",