From 06a1c78413ec46b8fae9b38e42f9094e1b6b2ab5 Mon Sep 17 00:00:00 2001 From: OluRemiFour Date: Wed, 14 Jan 2026 23:40:15 +0100 Subject: [PATCH 1/2] Fix Line breaks on tools pages, descriptions are sentenced per line --- .../components/ToolsWalletAddress.tsx | 8 +- .../redesign/components/header/MobileMenu.tsx | 12 +- .../components/header/NavDropdown.tsx | 7 +- .../components/header/NavigationLink.tsx | 4 +- .../components/revshare/RevShareInfo.tsx | 35 +- frontend/app/root.tsx | 7 +- frontend/app/routes/_index.tsx | 39 +- frontend/app/routes/link-tag.tsx | 4 +- frontend/app/routes/payment-confirmation.tsx | 5 +- frontend/app/routes/prob-revshare.tsx | 11 +- frontend/app/routes/widget.tsx | 6 +- frontend/app/stores/uiStore.tsx | 8 +- frontend/worker.ts | 9 + package.json | 5 +- pnpm-lock.yaml | 2100 +++++++---------- 15 files changed, 1021 insertions(+), 1239 deletions(-) diff --git a/frontend/app/components/redesign/components/ToolsWalletAddress.tsx b/frontend/app/components/redesign/components/ToolsWalletAddress.tsx index c2aa3a23..65f77a80 100644 --- a/frontend/app/components/redesign/components/ToolsWalletAddress.tsx +++ b/frontend/app/components/redesign/components/ToolsWalletAddress.tsx @@ -169,11 +169,9 @@ export const ToolsWalletAddress = ({ toolName }: ToolsWalletAddressProps) => { Wallet address - Your wallet is required in order for us to save this components - configuration for you, link it to the original author, and verify - ownership for future updates. -
It also embeds the wallet address into your web page - automatically, enabling Web Monetization on your behalf. + Your wallet is required to save this component's configuration, link it to the original author, and verify ownership for future updates. +
+ It also embeds the wallet address into your web page automatically, enabling Web Monetization on your behalf.
diff --git a/frontend/app/components/redesign/components/header/MobileMenu.tsx b/frontend/app/components/redesign/components/header/MobileMenu.tsx index 95092649..78a61328 100644 --- a/frontend/app/components/redesign/components/header/MobileMenu.tsx +++ b/frontend/app/components/redesign/components/header/MobileMenu.tsx @@ -2,15 +2,17 @@ import { SVGCloseIcon } from '@/assets' import { GhostButton, PoweredByFooter } from '@/components' import mobileLogo from '~/assets/images/mobile_logo.svg' +import { APP_BASEPATH } from '~/lib/constants.js' + const toolItems: MobileMenuItemData[] = [ - { to: '/publishers', text: 'Publisher tools' }, - { to: '/supporters', text: 'Supporter tools' }, - { to: '/developers', text: 'Developer tools' } + { to: `${APP_BASEPATH}/publishers`, text: 'Publisher tools' }, + { to: `${APP_BASEPATH}/supporters`, text: 'Supporter tools' }, + { to: `${APP_BASEPATH}/developers`, text: 'Developer tools' } ] const technicalItems: MobileMenuItemData[] = [ - { to: '/docs', text: 'Documentation' }, - { to: '/specification', text: 'Specification' } + { to: `${APP_BASEPATH}/docs`, text: 'Documentation' }, + { to: `${APP_BASEPATH}/specification`, text: 'Specification' } ] interface MobileMenuItemData { diff --git a/frontend/app/components/redesign/components/header/NavDropdown.tsx b/frontend/app/components/redesign/components/header/NavDropdown.tsx index 1ae4113c..5039fd8d 100644 --- a/frontend/app/components/redesign/components/header/NavDropdown.tsx +++ b/frontend/app/components/redesign/components/header/NavDropdown.tsx @@ -2,6 +2,7 @@ import { useState, useRef, useEffect } from 'react' import ClickAwayListener from 'react-click-away-listener' import { cx } from 'class-variance-authority' import { SVGDownArrow } from '@/assets' +import { APP_BASEPATH } from '~/lib/constants.js' import developerImage from '~/assets/images/dropdown-developer.png' import publisherHoverImage from '~/assets/images/dropdown-publisher-active.png' import publisherDefaultImage from '~/assets/images/dropdown-publisher-inactive.png' @@ -142,19 +143,19 @@ export const NavDropdown = ({ >
@@ -136,7 +154,7 @@ export default function Index() { Setup tools -

+

Get started quickly with tools designed to help you set up Web Monetization on your website

@@ -175,11 +193,12 @@ export default function Index() { Interaction tools -

+

Add lightweight and embeddable tools, like banners and widgets, to - your site with simple scripts. They're easily customizable, - helping you connect with your audience to encourage Web Monetization - support. + your site with simple scripts. +
+ They're easily customizable, helping you connect with your + audience to encourage Web Monetization support.