fix: include timezone offset in all ISO timestamp displays

All isoDate() functions now append the local timezone offset (e.g. +02:00)
to displayed timestamps. The Uniswap deadline display now retains the UTC
'Z' suffix instead of stripping it.

Closes #116

src/popup/styles/main.css

@@ -29,6 +29,6 @@ body {
 
 .copy-flash-fade {
     transition:
-        background-color 225ms ease-out,
+        background-color 300ms ease-out,
-        color 225ms ease-out;
+        color 300ms ease-out;
 }

src/popup/views/addressDetail.js

@@ -95,23 +95,23 @@ function show() {
 function isoDate(timestamp) {
     const d = new Date(timestamp * 1000);
     const pad = (n) => String(n).padStart(2, "0");
-    const offsetMin = -d.getTimezoneOffset();
+    const off = -d.getTimezoneOffset();
-    const sign = offsetMin >= 0 ? "+" : "-";
+    const sign = off >= 0 ? "+" : "-";
-    const absOff = Math.abs(offsetMin);
+    const absOff = Math.abs(off);
-    const tzStr = sign + pad(Math.floor(absOff / 60)) + ":" + pad(absOff % 60);
+    const tz = sign + pad(Math.floor(absOff / 60)) + ":" + pad(absOff % 60);
     return (
         d.getFullYear() +
         "-" +
         pad(d.getMonth() + 1) +
         "-" +
         pad(d.getDate()) +
-        "T" +
+        " " +
         pad(d.getHours()) +
         ":" +
         pad(d.getMinutes()) +
         ":" +
         pad(d.getSeconds()) +
-        tzStr
+        tz
     );
 }
 

src/popup/views/addressToken.js

@@ -48,6 +48,10 @@ function etherscanAddressLink(address) {
 function isoDate(timestamp) {
     const d = new Date(timestamp * 1000);
     const pad = (n) => String(n).padStart(2, "0");
+    const off = -d.getTimezoneOffset();
+    const sign = off >= 0 ? "+" : "-";
+    const absOff = Math.abs(off);
+    const tz = sign + pad(Math.floor(absOff / 60)) + ":" + pad(absOff % 60);
     return (
         d.getFullYear() +
         "-" +
@@ -59,7 +63,8 @@ function isoDate(timestamp) {
         ":" +
         pad(d.getMinutes()) +
         ":" +
-        pad(d.getSeconds())
+        pad(d.getSeconds()) +
+        tz
     );
 }
 

src/popup/views/helpers.js

@@ -226,23 +226,23 @@ function formatAddressHtml(address, ensName, maxLen, title) {
 function isoDate(timestamp) {
     const d = new Date(timestamp * 1000);
     const pad = (n) => String(n).padStart(2, "0");
-    const offsetMin = -d.getTimezoneOffset();
+    const off = -d.getTimezoneOffset();
-    const sign = offsetMin >= 0 ? "+" : "-";
+    const sign = off >= 0 ? "+" : "-";
-    const absOff = Math.abs(offsetMin);
+    const absOff = Math.abs(off);
-    const tzStr = sign + pad(Math.floor(absOff / 60)) + ":" + pad(absOff % 60);
+    const tz = sign + pad(Math.floor(absOff / 60)) + ":" + pad(absOff % 60);
     return (
         d.getFullYear() +
         "-" +
         pad(d.getMonth() + 1) +
         "-" +
         pad(d.getDate()) +
-        "T" +
+        " " +
         pad(d.getHours()) +
         ":" +
         pad(d.getMinutes()) +
         ":" +
         pad(d.getSeconds()) +
-        tzStr
+        tz
     );
 }
 
@@ -272,8 +272,8 @@ function flashCopyFeedback(el) {
         el.classList.add("copy-flash-fade");
         setTimeout(() => {
             el.classList.remove("copy-flash-fade");
-        }, 275);
+        }, 350);
-    }, 75);
+    }, 100);
 }
 
 module.exports = {

src/shared/uniswap.js

@@ -487,7 +487,10 @@ function decode(data, toAddress) {
         const deadlineDate = new Date(Number(deadline) * 1000);
         details.push({
             label: "Deadline",
-            value: deadlineDate.toISOString().replace("T", " ").slice(0, 19),
+            value: deadlineDate
+                .toISOString()
+                .replace("T", " ")
+                .replace(".000Z", "Z"),
         });
 
         return {