diff options
| -rw-r--r-- | src/boot/after_store.js | 10 | ||||
| -rw-r--r-- | src/components/notifications/notifications.scss | 5 |
2 files changed, 14 insertions, 1 deletions
diff --git a/src/boot/after_store.js b/src/boot/after_store.js index 7160434f..00ca74a2 100644 --- a/src/boot/after_store.js +++ b/src/boot/after_store.js @@ -20,12 +20,20 @@ const parsedInitialResults = () => { return staticInitialResults } +const decodeUTF8Base64 = (data) => { + const rawData = atob(data) + const array = Uint8Array.from([...rawData].map((char) => char.charCodeAt(0))) + const text = new TextDecoder().decode(array) + return text +} + const preloadFetch = async (request) => { const data = parsedInitialResults() if (!data || !data[request]) { return window.fetch(request) } - const requestData = JSON.parse(atob(data[request])) + const decoded = decodeUTF8Base64(data[request]) + const requestData = JSON.parse(decoded) return { ok: true, json: () => requestData, diff --git a/src/components/notifications/notifications.scss b/src/components/notifications/notifications.scss index 20797cf9..b1a3ad70 100644 --- a/src/components/notifications/notifications.scss +++ b/src/components/notifications/notifications.scss @@ -118,6 +118,11 @@ flex: 1; padding-left: 0.8em; min-width: 0; + + .timeago { + min-width: 3em; + text-align: right; + } } .emoji-reaction-emoji { |