"expires in" for pending requests

public/i18n/en.json

@@ -26,7 +26,8 @@
     "view_payment_details": "View payment details",
     "pending": "Pending",
     "error_safe_mode": "Mutiny is running in safe mode. Lightning is disabled.",
-    "self_hosted": "Self-hosted"
+    "self_hosted": "Self-hosted",
+    "expires": "Expires in {{time}}"
   },
   "home": {
     "receive": "Receive your first sats",

src/components/GenericItem.tsx

@@ -2,6 +2,7 @@ import { Check, Clock4, EyeOff, Globe, X, Zap } from "lucide-solid";
 import { JSX, Match, Show, Switch } from "solid-js";
 
 import { LabelCircle, LoadingSpinner } from "~/components";
+import { useI18n } from "~/i18n/context";
 
 export function GenericItem(props: {
     primaryAvatarUrl?: string;
@@ -27,6 +28,8 @@ export function GenericItem(props: {
     rejectAction?: () => void;
     shouldSpinny?: boolean;
 }) {
+    const i18n = useI18n();
+
     return (
         <div
             class="grid w-full py-3 first-of-type:pt-0"
@@ -109,7 +112,7 @@ export function GenericItem(props: {
                         <div class="flex w-full items-center gap-1 text-m-grey-400">
                             <Clock4 class="w-3" />
                             <span class="text-xs text-m-grey-400">
-                                {props.due}
+                                {i18n.t("common.expires", { time: props.due })}
                             </span>
                         </div>
                     </Show>