✨ Date formats in i18n configuration

Merge pull request #549 from olibrian/olibrian-i18n_dateformat

Author: AnandChowdhary

i18n.yml

@@ -58,3 +58,4 @@ duration7D: 7d
 duration30D: 30d
 duration1Y: 1y
 durationAll: all
+locale: en-US

src/components/ActiveIncidents.svelte

@@ -57,7 +57,7 @@
             <h4>{incident.title.replace("🛑", "").replace("⚠️", "").trim()}</h4>
             <div>
               {config.i18n.activeIncidentSummary
-                .replace(/\$DATE/g, new Date(incident.created_at).toLocaleString())
+                .replace(/\$DATE/g, new Date(incident.created_at).toLocaleString(config.i18n.locale))
                 .replace(/\$POSTS/g, incident.comments)}
             </div>
           </div>

src/components/ActiveScheduled.svelte

@@ -66,7 +66,7 @@
                   ? config.i18n.scheduledMaintenanceSummaryStarted
                   : config.i18n.scheduledMaintenanceSummaryStarts
                 )
-                  .replace(/\$DATE/g, new Date(incident.metadata.start).toLocaleString())
+                  .replace(/\$DATE/g, new Date(incident.metadata.start).toLocaleString(config.i18n.locale))
                   .replace(
                     /\$DURATION/g,
                     Math.floor(

src/components/Graph.svelte

@@ -42,7 +42,7 @@
       .map((commit) => parseInt(commit.commit.message.split(" in ")[1].split("ms")[0]));
     labels = commits
       .filter((commit) => commit.commit.message.includes("ms) [skip ci]"))
-      .map((commit) => new Date(commit.commit.committer.date).toLocaleString());
+      .map((commit) => new Date(commit.commit.committer.date).toLocaleString(config.i18n.locale));
     loading = false;
   });
 </script>

src/components/History.svelte

@@ -53,7 +53,7 @@
     <h2>{config.i18n.pastIncidents}</h2>
     {#each incidents as incident}
       {#if incident.showHeading}
-        <h3>{new Date(incident.created_at).toLocaleDateString()}</h3>
+        <h3>{new Date(incident.created_at).toLocaleDateString(config.i18n.locale)}</h3>
       {/if}
       <article class="down link {incident.title.includes('degraded') ? 'degraded' : ''}">
         <div class="f">

src/components/Incident.svelte

@@ -95,10 +95,10 @@
               ? config.i18n.startedAt
               : config.i18n.startsAt}
           </dt>
-          <dd>{new Date(incident.metadata.start).toLocaleString()}</dd>
+          <dd>{new Date(incident.metadata.start).toLocaleString(config.i18n.locale)}</dd>
         {:else}
           <dt>{config.i18n.incidentOpenedAt}</dt>
-          <dd>{new Date(incident.created_at).toLocaleString()}</dd>
+          <dd>{new Date(incident.created_at).toLocaleString(config.i18n.locale)}</dd>
         {/if}
         {#if incident.metadata.start && incident.metadata.end}
           <dt>{config.i18n.duration}</dt>
@@ -114,7 +114,7 @@
           </dd>
         {:else if incident.closed_at}
           <dt>{config.i18n.incidentClosedAt}</dt>
-          <dd>{new Date(incident.closed_at).toLocaleString()}</dd>
+          <dd>{new Date(incident.closed_at).toLocaleString(config.i18n.locale)}</dd>
         {/if}
       </dl>
       <div class="r">
@@ -134,7 +134,7 @@
           {@html config.i18n.incidentCommentSummary
             .replace(
               /\$DATE/g,
-              `<a href=${comment.html_url}>${new Date(comment.created_at).toLocaleString()}</a>`
+              `<a href=${comment.html_url}>${new Date(comment.created_at).toLocaleString(config.i18n.locale)}</a>`
             )
             .replace(/\$AUTHOR/g, `<a href=${comment.user.html_url}>@${comment.user.login}</a>`)}
         </div>

src/components/Incidents.svelte

@@ -52,7 +52,7 @@
     <h2>{config.i18n.pastIncidents}</h2>
     {#each incidents as incident}
       {#if incident.showHeading}
-        <h3>{new Date(incident.created_at).toLocaleDateString()}</h3>
+        <h3>{new Date(incident.created_at).toLocaleDateString(config.i18n.locale)}</h3>
       {/if}
       <article class="down link {incident.title.includes('degraded') ? 'degraded' : ''}">
         <div class="f">

src/components/Scheduled.svelte

@@ -46,7 +46,7 @@
     <h2>{config.i18n.pastScheduledMaintenance}</h2>
     {#each incidents as incident}
       {#if incident.showHeading}
-        <h3>{new Date(incident.created_at).toLocaleDateString()}</h3>
+        <h3>{new Date(incident.created_at).toLocaleDateString(config.i18n.locale)}</h3>
       {/if}
       <article class="link degraded">
         <div class="f">