From d58be8c161490c89e4b1f32b6160c41f51d4e97d Mon Sep 17 00:00:00 2001
From: GITHUBFULLNAME <rf.moerdowo@gmail.com>
Date: Sat, 18 Feb 2023 09:18:51 +0700
Subject: [PATCH] implement time ago

---
 package-lock.json                        | 14 ++++++++++++++
 package.json                             |  1 +
 src/mayar-balance-recent-transaction.tsx | 13 ++++++-------
 3 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 8c1b4c6..59a2d82 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,6 +10,7 @@
         "@raycast/api": "1.38.1",
         "@raycast/utils": "1.0.3",
         "axios": "1.3.3",
+        "javascript-time-ago": "2.5.9",
         "moment": "2.29.4"
       },
       "devDependencies": {
@@ -1364,6 +1365,14 @@
       "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
       "dev": true
     },
+    "node_modules/javascript-time-ago": {
+      "version": "2.5.9",
+      "resolved": "https://registry.npmjs.org/javascript-time-ago/-/javascript-time-ago-2.5.9.tgz",
+      "integrity": "sha512-pQ8mNco/9g9TqWXWWjP0EWl6i/lAQScOyEeXy5AB+f7MfLSdgyV9BJhiOD1zrIac/lrxPYOWNbyl/IW8CW5n0A==",
+      "dependencies": {
+        "relative-time-format": "^1.1.6"
+      }
+    },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -1719,6 +1728,11 @@
         "url": "https://github.com/sponsors/mysticatea"
       }
     },
+    "node_modules/relative-time-format": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/relative-time-format/-/relative-time-format-1.1.6.tgz",
+      "integrity": "sha512-aCv3juQw4hT1/P/OrVltKWLlp15eW1GRcwP1XdxHrPdZE9MtgqFpegjnTjLhi2m2WI9MT/hQQtE+tjEWG1hgkQ=="
+    },
     "node_modules/require-from-string": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
diff --git a/package.json b/package.json
index 96fd997..35fee49 100644
--- a/package.json
+++ b/package.json
@@ -50,6 +50,7 @@
     "@raycast/api": "1.38.1",
     "@raycast/utils": "1.0.3",
     "axios": "1.3.3",
+    "javascript-time-ago": "2.5.9",
     "moment": "2.29.4"
   },
   "devDependencies": {
diff --git a/src/mayar-balance-recent-transaction.tsx b/src/mayar-balance-recent-transaction.tsx
index 31e33f1..5244913 100644
--- a/src/mayar-balance-recent-transaction.tsx
+++ b/src/mayar-balance-recent-transaction.tsx
@@ -1,7 +1,11 @@
 import { MenuBarExtra, getPreferenceValues } from "@raycast/api";
 import { Key, useEffect, useState } from "react";
 import axios from "axios";
-import moment from "moment";
+import TimeAgo from 'javascript-time-ago'
+import id from 'javascript-time-ago/locale/id'
+
+TimeAgo.addDefaultLocale(id)
+const timeAgo = new TimeAgo("id-ID")
 
 interface Data {
   statusCode: number;
@@ -9,11 +13,6 @@ interface Data {
   data: any;
 }
 
-function UnixTime( unixTime : number): string {
-  const formattedDate = moment(unixTime).format("D MMM HH:mm");
-  return formattedDate;
-}
-
 function formatRp(value: number): string {
   const formatter = new Intl.NumberFormat("id-ID", {
     style: "currency",
@@ -86,7 +85,7 @@ export default function Command() {
         (dataTrx || []).map((trx: { id: Key | null | undefined; createdAt: number; credit: number; customer: { email: string; }; }) =>(
           <MenuBarExtra.Item
             key={trx.id}
-            title={UnixTime(trx.createdAt) + " - " + formatRp(trx.credit) + " - " + trx?.customer?.email}
+            title={timeAgo.format(trx.createdAt) + " - " + formatRp(trx.credit) + " - " + trx?.customer?.email}
             onAction={() => {
               console.log("transaction clicked");
             }}