tweak subscriptions page

packages/app/src/Pages/Root.tsx

@@ -1,18 +1,16 @@
 import "./Root.css";
 import { useEffect, useMemo, useState } from "react";
-import { useSelector } from "react-redux";
 import { Link, Outlet, RouteObject, useLocation, useNavigate, useParams } from "react-router-dom";
 import { useIntl, FormattedMessage } from "react-intl";
 
 import Tabs, { Tab } from "Element/Tabs";
-import { RootState } from "State/Store";
 import Timeline from "Element/Timeline";
 import { System } from "System";
 import { TimelineSubject } from "Feed/TimelineFeed";
 import { debounce, getRelayName, sha256, unixNow, unwrap } from "Util";
+import useLogin from "Hooks/useLogin";
 
 import messages from "./messages";
-import useLogin from "Hooks/useLogin";
 
 interface RelayOption {
   url: string;

packages/app/src/Pages/subscribe/index.tsx

@@ -58,9 +58,10 @@ export function SubscribePage() {
               <h2>{mapPlanName(a.id)}</h2>
               <p>
                 <FormattedMessage
-                  defaultMessage="Support Snort every month for {price} sats and receive the following rewards"
+                  defaultMessage="Subscribe to Snort {plan} for {price} and receive the following rewards"
                   values={{
-                    price: <b>{formatShort(a.price)}</b>,
+                    plan: mapPlanName(a.id),
+                    price: <b>{formatShort(a.price)} sats/mo</b>,
                   }}
                 />
                 :
@@ -86,10 +87,7 @@ export function SubscribePage() {
                 {a.disabled ? (
                   <FormattedMessage defaultMessage="Coming soon" />
                 ) : (
-                  <FormattedMessage
-                    defaultMessage="Subscribe for {amount}/mo"
-                    values={{ amount: formatShort(a.price) }}
-                  />
+                  <FormattedMessage defaultMessage="Subscribe" />
                 )}
               </AsyncButton>
             </div>