diff --git a/packages/app/public/icons.svg b/packages/app/public/icons.svg index 59a4709b..3e973c9d 100644 --- a/packages/app/public/icons.svg +++ b/packages/app/public/icons.svg @@ -130,8 +130,8 @@ - - + + diff --git a/packages/app/src/Pages/Layout.tsx b/packages/app/src/Pages/Layout.tsx index f3873e05..6009cb95 100644 --- a/packages/app/src/Pages/Layout.tsx +++ b/packages/app/src/Pages/Layout.tsx @@ -169,10 +169,10 @@ function LogoHeader() { {CONFIG.appName} {currentSubscription && ( - - +
+ {mapPlanName(currentSubscription.type)} - +
)} ); diff --git a/packages/app/src/Pages/subscribe/index.tsx b/packages/app/src/Pages/subscribe/index.tsx index 364cf5ef..d89ec2f1 100644 --- a/packages/app/src/Pages/subscribe/index.tsx +++ b/packages/app/src/Pages/subscribe/index.tsx @@ -11,13 +11,14 @@ import AsyncButton from "Element/AsyncButton"; import useEventPublisher from "Hooks/useEventPublisher"; import SnortApi, { SubscriptionError, SubscriptionErrorCode } from "SnortApi"; import SendSats from "Element/SendSats"; +import classNames from "classnames"; export function mapPlanName(id: number) { switch (id) { case SubscriptionType.Supporter: return ; case SubscriptionType.Premium: - return ; + return ; } } @@ -81,7 +82,7 @@ export function SubscribePage() { {Plans.map(a => { const lower = Plans.filter(b => b.id < a.id); return ( -
+

{mapPlanName(a.id)}

@@ -111,7 +112,7 @@ export function SubscribePage() { ))}

-
+
subscribe(a.id)}> {a.disabled ? ( diff --git a/packages/app/src/index.css b/packages/app/src/index.css index 487c3ebc..979e2f88 100644 --- a/packages/app/src/index.css +++ b/packages/app/src/index.css @@ -47,12 +47,12 @@ rgba(255, 107, 175, 0.6) 108.33% ); --expired-invoice-gradient: linear-gradient(45deg, var(--gray-superdark) 50%, var(--gray), var(--gray-superdark)); - --strike-army-gradient: linear-gradient(to bottom right, #ccff00, #a1c900); --sub-bg: #111; --header-padding-tb: 10px; --btn-color: #fff; --primary-gradient: linear-gradient(90deg, rgba(239, 150, 68, 1) 0%, rgba(123, 65, 246, 1) 100%); --cashu-gradient: linear-gradient(90deg, #40b039, #adff2a); + --pro: #ffdd65; } ::-webkit-scrollbar { @@ -166,6 +166,14 @@ a.ext { background: var(--primary-gradient); } +.primary { + color: var(--primary-gradient); +} + +.text-pro { + color: var(--pro); +} + .br { border-radius: 16px; } diff --git a/packages/app/src/lang.json b/packages/app/src/lang.json index d81759d3..81d2661b 100644 --- a/packages/app/src/lang.json +++ b/packages/app/src/lang.json @@ -344,9 +344,6 @@ "C1LjMx": { "defaultMessage": "Lightning Donation" }, - "C5xzTC": { - "defaultMessage": "Premium" - }, "C7642/": { "defaultMessage": "Quote Repost" }, @@ -1112,6 +1109,9 @@ "hMzcSq": { "defaultMessage": "Messages" }, + "hRTfTR": { + "defaultMessage": "PRO" + }, "hY4lzx": { "defaultMessage": "Supports" }, diff --git a/packages/app/src/translations/en.json b/packages/app/src/translations/en.json index 1b65d164..8927fb7b 100644 --- a/packages/app/src/translations/en.json +++ b/packages/app/src/translations/en.json @@ -112,7 +112,6 @@ "BcGMo+": "Notes hold text content, the most popular usage of these notes is to store \"tweet like\" messages.", "BjNwZW": "Nostr address (nip05)", "C1LjMx": "Lightning Donation", - "C5xzTC": "Premium", "C7642/": "Quote Repost", "C81/uG": "Logout", "C8HhVE": "Suggested Follows", @@ -364,6 +363,7 @@ "h8XMJL": "Badges", "hK5ZDk": "the world", "hMzcSq": "Messages", + "hRTfTR": "PRO", "hY4lzx": "Supports", "hicxcO": "Show replies", "hmZ3Bz": "Media",