From 138cec0389ad0783e3a57ad1b42ec2ac9a0b8405 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A2u=20Cao?= <raucao@kip.pe>
Date: Fri, 13 Jan 2023 15:34:43 +0800
Subject: [PATCH] Localize date in expense list

---
 app/components/expense-list/template.hbs | 2 +-
 app/helpers/fmt-date-localized.js        | 8 ++++++++
 app/utils/get-locale.js                  | 5 +++++
 3 files changed, 14 insertions(+), 1 deletion(-)
 create mode 100644 app/helpers/fmt-date-localized.js
 create mode 100644 app/utils/get-locale.js

diff --git a/app/components/expense-list/template.hbs b/app/components/expense-list/template.hbs
index dcfc5ee..64b033c 100644
--- a/app/components/expense-list/template.hbs
+++ b/app/components/expense-list/template.hbs
@@ -2,7 +2,7 @@
   {{#each @expenses as |expense|}}
     <li class="expense-item">
       <h4>
-        <span class="date">{{expense.date}}:</span>
+        <span class="date">{{fmt-date-localized expense.date}}:</span>
         <span class="title">{{expense.title}}</span>
       </h4>
       <div class="amount">
diff --git a/app/helpers/fmt-date-localized.js b/app/helpers/fmt-date-localized.js
new file mode 100644
index 0000000..a27bb28
--- /dev/null
+++ b/app/helpers/fmt-date-localized.js
@@ -0,0 +1,8 @@
+import { helper } from '@ember/component/helper';
+import getLocale from 'kredits-web/utils/get-locale';
+
+export default helper(function(dateStr) {
+  const date = new Date(dateStr);
+  const locale = getLocale();
+  return new Intl.DateTimeFormat(locale).format(date);
+});
diff --git a/app/utils/get-locale.js b/app/utils/get-locale.js
new file mode 100644
index 0000000..f80eb77
--- /dev/null
+++ b/app/utils/get-locale.js
@@ -0,0 +1,5 @@
+export default function() {
+  return (navigator.languages && navigator.languages.length) ?
+    navigator.languages[0] :
+    navigator.language;
+}