public inbox for [email protected]
 help / color / mirror / Atom feed
From: Muhammad Rizki <[email protected]>
To: Ammar Faizi <[email protected]>
Cc: Muhammad Rizki <[email protected]>,
	Alviro Iskandar Setiawan <[email protected]>,
	Irvan Malik Azantha <[email protected]>,
	Memet Zx <[email protected]>,
	GNU/Weeb Mailing List <[email protected]>
Subject: [PATCH v1 07/13] feat(lib/functions): add dateFormat() function
Date: Tue,  3 Oct 2023 09:51:40 +0700	[thread overview]
Message-ID: <[email protected]> (raw)
In-Reply-To: <[email protected]>

This commit introduces the dateFormat() function, which is used to
format datetime string returned by the API response. The formatted date
appears as follows: "Today at 09:00", "Yesterday at 09:00",
"Oct 02 at 09:00", and so on.

Signed-off-by: Muhammad Rizki <[email protected]>
---
 src/lib/functions.ts | 29 +++++++++++++++++++++++++++++
 src/lib/index.ts     |  6 ++++--
 2 files changed, 33 insertions(+), 2 deletions(-)

diff --git a/src/lib/functions.ts b/src/lib/functions.ts
index 510f13e..2928824 100644
--- a/src/lib/functions.ts
+++ b/src/lib/functions.ts
@@ -102,3 +102,32 @@ export const getRepliedMessage = (
     return msg.message_id === current.reply_to_message_id
   });
 }
+
+export const dateFormat = (date: string, amPm: boolean = false): string => {
+  const ts = new Date(date);
+  const today = new Date();
+
+  const tsDate = ts.getDate();
+  const todayDate = today.getDate();
+
+  const tsMonth = ts.getMonth();
+  const todayMonth = today.getMonth();
+
+  const tsYear = ts.getFullYear();
+  const todayYear = today.getFullYear();
+
+  const calc = todayDate - tsDate;
+  const localeTime = ts.toLocaleTimeString('en-US', { hour: '2-digit', minute: '2-digit', hour12: amPm });
+
+  if (tsDate === todayDate &&tsMonth === todayMonth && tsYear === todayYear) {
+    return `Today at ${localeTime}`;
+  } else if (calc === 1 && tsMonth === todayMonth && tsYear === todayYear) {
+    return `Yesterday at ${localeTime}`;
+  } else if (calc === -1 && tsMonth === todayMonth && tsYear === todayYear) {
+    return `Tomorrow at ${localeTime}`;
+  } else if (tsYear === todayYear) {
+    return `${tsDate} ${ts.toLocaleString('en-US', { month: 'short' })} at ${localeTime}`;
+  } else {
+    return `${ts.toLocaleString('en-US', { month: 'short', day: 'numeric', year: 'numeric' })} at ${localeTime}`;
+  }
+}
diff --git a/src/lib/index.ts b/src/lib/index.ts
index b62f0bd..2c71df5 100644
--- a/src/lib/index.ts
+++ b/src/lib/index.ts
@@ -9,7 +9,8 @@ import {
   getFixedRandomColor,
   cleanMessageText,
   setupUserName,
-  getRepliedMessage
+  getRepliedMessage,
+  dateFormat
 } from "./functions";
 
 export {
@@ -20,5 +21,6 @@ export {
   getFixedRandomColor,
   cleanMessageText,
   setupUserName,
-  getRepliedMessage
+  getRepliedMessage,
+  dateFormat
 };
-- 
Muhammad Rizki


  parent reply	other threads:[~2023-10-03  2:52 UTC|newest]

Thread overview: 16+ messages / expand[flat|nested]  mbox.gz  Atom feed  top
2023-10-03  2:51 [PATCH v1 00/13] GNU/Weeb Web Migration to SvelteKit Muhammad Rizki
2023-10-03  2:51 ` [PATCH v1 01/13] refactor: migrate: migrate to sveltekit framework Muhammad Rizki
2023-10-03  2:51 ` [PATCH v1 02/13] feat(app): add app types file Muhammad Rizki
2023-10-03  2:51 ` [PATCH v1 03/13] feat(lib): add API_URL and STORAGE_URL constant variable Muhammad Rizki
2023-10-03  2:51 ` [PATCH v1 04/13] feat(lib): add lib functions file Muhammad Rizki
2023-10-03  2:51 ` [PATCH v1 05/13] feat(lib): add newly created lib constants variables and functions Muhammad Rizki
2023-10-03  2:51 ` [PATCH v1 06/13] feat(lib/functions): add getRepliedMessage() function Muhammad Rizki
2023-10-03  2:51 ` Muhammad Rizki [this message]
2023-10-03  2:51 ` [PATCH v1 08/13] feat(components): add <OrganizationMembers/> component Muhammad Rizki
2023-10-03  2:51 ` [PATCH v1 09/13] feat(components): add <RecentMessages/> component Muhammad Rizki
2023-10-03  2:51 ` [PATCH v1 10/13] feat(routes): add +page.server.ts Muhammad Rizki
2023-10-03  2:51 ` [PATCH v1 11/13] feat(routes/page): add +page.svelte Muhammad Rizki
2023-10-03  2:51 ` [PATCH v1 12/13] chore(README): update README.md Muhammad Rizki
2023-10-05 19:29   ` Ammar Faizi
2023-10-07  5:36     ` Muhammad Rizki
2023-10-03  2:51 ` [PATCH v1 13/13] chore: remove unused files Muhammad Rizki

Reply instructions:

You may reply publicly to this message via plain-text email
using any one of the following methods:

* Save the following mbox file, import it into your mail client,
  and reply-to-all from there: mbox

  Avoid top-posting and favor interleaved quoting:
  https://en.wikipedia.org/wiki/Posting_style#Interleaved_style

* Reply using the --to, --cc, and --in-reply-to
  switches of git-send-email(1):

  git send-email \
    [email protected] \
    [email protected] \
    [email protected] \
    [email protected] \
    [email protected] \
    [email protected] \
    [email protected] \
    /path/to/YOUR_REPLY

  https://kernel.org/pub/software/scm/git/docs/git-send-email.html

* If your mail client supports setting the In-Reply-To header
  via mailto: links, try the mailto: link
Be sure your reply has a Subject: header at the top and a blank line before the message body.
This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox