chore: extract lang

packages/app/src/Element/MediaElement.tsx

@@ -1,6 +1,7 @@
 import { ProxyImg } from "Element/ProxyImg";
 import React, { MouseEvent, useEffect, useState } from "react";
 import { FormattedMessage, FormattedNumber } from "react-intl";
+import { Link } from "react-router-dom";
 
 import "./MediaElement.css";
 import Modal from "Element/Modal";
@@ -11,7 +12,6 @@ import { useWallet } from "Wallet";
 import { PaymentsCache } from "Cache/PaymentsCache";
 import { Payment } from "Db";
 import PageSpinner from "Element/PageSpinner";
-
 /*
 [
   "imeta",
@@ -137,11 +137,27 @@ export function MediaElement(props: MediaElementProps) {
             />
           </div>
           <div>
+            {wallet.wallet && (
               <AsyncButton onClick={() => payInvoice()}>
                 <FormattedMessage defaultMessage="Pay Now" />
               </AsyncButton>
+            )}
           </div>
         </div>
+        {!wallet.wallet && (
+          <b>
+            <FormattedMessage
+              defaultMessage="Please connect a wallet {here} to be able to pay this invoice"
+              values={{
+                here: (
+                  <Link to="/settings/wallet" onClick={e => e.stopPropagation()}>
+                    <FormattedMessage defaultMessage="here" description="Inline link text pointing to another page" />
+                  </Link>
+                ),
+              }}
+            />
+          </b>
+        )}
         {error && <b className="error">{error}</b>}
       </div>
     );

packages/app/src/lang.json

@@ -45,6 +45,9 @@
   "0BUTMv": {
     "defaultMessage": "Search..."
   },
+  "0ehN4t": {
+    "defaultMessage": "Please connect a wallet {here} to be able to pay this invoice"
+  },
   "0jOEtS": {
     "defaultMessage": "Invalid LNURL"
   },
@@ -96,6 +99,10 @@
   "2ukA4d": {
     "defaultMessage": "{n} hours"
   },
+  "380eol": {
+    "defaultMessage": "here",
+    "description": "Inline link text pointing to another page"
+  },
   "3Rx6Qo": {
     "defaultMessage": "Advanced"
   },
@@ -218,6 +225,9 @@
   "9pMqYs": {
     "defaultMessage": "Nostr Address"
   },
+  "9qtLJC": {
+    "defaultMessage": "Payment Required"
+  },
   "9wO4wJ": {
     "defaultMessage": "Lightning Invoice"
   },
@@ -313,6 +323,9 @@
   "Dh3hbq": {
     "defaultMessage": "Auto Zap"
   },
+  "DqLx9k": {
+    "defaultMessage": "You must pay {n} sats to access this file."
+  },
   "Dt/Zd5": {
     "defaultMessage": "Media in posts will automatically be shown for selected people, otherwise only the link will show"
   },

packages/app/src/translations/en.json

@@ -14,6 +14,7 @@
   "08zn6O": "Export Keys",
   "0Azlrb": "Manage",
   "0BUTMv": "Search...",
+  "0ehN4t": "Please connect a wallet {here} to be able to pay this invoice",
   "0jOEtS": "Invalid LNURL",
   "0mch2Y": "name has disallowed characters",
   "0yO7wF": "{n} secs",
@@ -31,6 +32,7 @@
   "2a2YiP": "{n} Bookmarks",
   "2k0Cv+": "Dislikes ({n})",
   "2ukA4d": "{n} hours",
+  "380eol": "here",
   "3Rx6Qo": "Advanced",
   "3cc4Ct": "Light",
   "3gOsZq": "Translators",
@@ -71,6 +73,7 @@
   "9WRlF4": "Send",
   "9gqH2W": "Login",
   "9pMqYs": "Nostr Address",
+  "9qtLJC": "Payment Required",
   "9wO4wJ": "Lightning Invoice",
   "ADmfQT": "Parent",
   "AGNz71": "Zap All {n} sats",
@@ -102,6 +105,7 @@
   "DZzCem": "Show latest {n} notes",
   "DcL8P+": "Supporter",
   "Dh3hbq": "Auto Zap",
+  "DqLx9k": "You must pay {n} sats to access this file.",
   "Dt/Zd5": "Media in posts will automatically be shown for selected people, otherwise only the link will show",
   "DtYelJ": "Transfer",
   "E8a4yq": "Follow some popular accounts",