feat: add instructions in tooltips #29

lengyel-arpad85 · 2024-11-13T19:00:40Z

Tymmmy · 2024-11-14T11:11:16Z

frontend/app/components/WalletAddressInput.tsx

+      <Input
+        name="walletAddress"
+        label="Wallet address"
+        tooltip="Your wallet address is used for saving your configured component, to confirm you own the component you want to update, as well as being injected into the page you are dislaying the component in, enabling accepting funds through webmonetization."


Suggested change

tooltip="Your wallet address is used for saving your configured component, to confirm you own the component you want to update, as well as being injected into the page you are dislaying the component in, enabling accepting funds through webmonetization."

tooltip="Your wallet address is used to save your configured component, verify ownership of the component you want to update, and integrate it into the page displaying the component, enabling fund acceptance via Web Monetization."

Tymmmy · 2024-11-14T11:12:26Z

frontend/app/lib/presets.ts

+    bgColor: 'from-wm-dark-green to-wm-dark-green-fade',
+    link: 'create/banner',
+    tooltip:
+      "The embedded banner will be shown if webmonetization extension isn't active and until user closes it. You can set colors and displayed title and text. The link to the extension is browser type based and is automatically added.",


Suggested change

"The embedded banner will be shown if webmonetization extension isn't active and until user closes it. You can set colors and displayed title and text. The link to the extension is browser type based and is automatically added.",

"If the Web Monetization extension is inactive, an embedded banner will be shown until the user closes it. You can customize the banner's colors, title, and text, and a browser-specific link to the extension is automatically included.",

Tymmmy · 2024-11-14T11:13:09Z

frontend/app/lib/presets.ts

+    tooltip:
+      "The embedded banner will be shown if webmonetization extension isn't active and until user closes it. You can set colors and displayed title and text. The link to the extension is browser type based and is automatically added.",
+    description:
+      'A banner to display on your website for visitors who do not have WM extension active. A call-to-action with a link to the extension or description of the options. It will also add a paiment pointer to your website.'


Suggested change

'A banner to display on your website for visitors who do not have WM extension active. A call-to-action with a link to the extension or description of the options. It will also add a paiment pointer to your website.'

'The banner informs visitors who don't have the Web Monetization extension active, with a call-to-action linking to the extension or providing details about the options available. It also adds a payment pointer to your site.'

Tymmmy · 2024-11-14T11:14:18Z

frontend/app/lib/presets.ts

+    bgColor: 'from-wm-red to-wm-red-fade',
+    link: 'create/widget',
+    tooltip:
+      'The embedded widget is displayed on the lower right corner of the website, it opens an overlayed section with title, text and a payment solution. You can customize the colors and text. The preset values are fixed, but there is an option for custom values for the visitor.',


Suggested change

'The embedded widget is displayed on the lower right corner of the website, it opens an overlayed section with title, text and a payment solution. You can customize the colors and text. The preset values are fixed, but there is an option for custom values for the visitor.',

'The embedded widget appears in the lower right corner of your website and opens an overlay with a title, text, and payment solution, all of which can be customized in terms of colors and text. While preset values are fixed, you have the option to set custom values for visitors.',

Suggested change

'The embedded widget is displayed on the lower right corner of the website, it opens an overlayed section with title, text and a payment solution. You can customize the colors and text. The preset values are fixed, but there is an option for custom values for the visitor.',

'The embedded widget is displayed on the lower right corner of the website, it opens an overlayed section with title, text and a payment solution. You can customize the colors and text. The preset values are fixed, but there is an option for custom values for the visitor.',

Tymmmy · 2024-11-14T11:15:14Z

frontend/app/lib/presets.ts

+    tooltip:
+      'The embedded widget is displayed on the lower right corner of the website, it opens an overlayed section with title, text and a payment solution. You can customize the colors and text. The preset values are fixed, but there is an option for custom values for the visitor.',
+    description:
+      'A widget to display a small explanation or description of your choice and a solution for donations or a one-time payment, even for visitors who do not have the WM extension active.'


Suggested change

'A widget to display a small explanation or description of your choice and a solution for donations or a one-time payment, even for visitors who do not have the WM extension active.'

'You can add a widget to provide a brief explanation or description, along with a donation or one-time payment option, even for users without the Web Monetization extension.'

Tymmmy · 2024-11-14T11:16:07Z

frontend/app/lib/presets.ts

+    link: 'create/button',
+    tooltip: '',
+    description:
+      'Add a custom button to your website with a short tooltip, that triggers a payment option for donations or one-time payments in a full page overlay, for a convenient option for your visitors to support your work / content.'


Suggested change

'Add a custom button to your website with a short tooltip, that triggers a payment option for donations or one-time payments in a full page overlay, for a convenient option for your visitors to support your work / content.'

'You can place a custom button with a short tooltip on your site that triggers a payment option in a full-page overlay, offering a convenient way for visitors to support your work or content.'

Tymmmy · 2024-11-14T11:17:28Z

frontend/app/routes/create.$type.tsx

@@ -97,6 +100,8 @@ export default function Create() {
      )}
      <ScriptModal
        title="Your script"
+        tooltip="Copy your script, place it before the closing body tag in your website, or place it into a script type element in instances when you have a site management software (ex: wordpress, etc). 


Suggested change

tooltip="Copy your script, place it before the closing body tag in your website, or place it into a script type element in instances when you have a site management software (ex: wordpress, etc).

tooltip="Copy your script and insert it just before the closing </body> tag on your website, or place it within a <script> tag if you're using site management software (e.g., WordPress, etc.).

Tymmmy · 2024-11-14T11:18:06Z

frontend/app/routes/create.$type.tsx

@@ -97,6 +100,8 @@ export default function Create() {
      )}
      <ScriptModal
        title="Your script"
+        tooltip="Copy your script, place it before the closing body tag in your website, or place it into a script type element in instances when you have a site management software (ex: wordpress, etc). 
+        <br />Check all options at the include section, that you want to display on your website."


Suggested change

<br />Check all options at the include section, that you want to display on your website."

<br />Be sure to review and select all the options in the "Include" section that you want to display on your site."

lengyel-arpad85 added 4 commits November 13, 2024 16:12

fix deprecated functions

94275d8

revert that

4f89899

add tippy upgrade dependencies

8ad4952

add tooltips

cdc4c06

lengyel-arpad85 linked an issue Nov 13, 2024 that may be closed by this pull request

Add instructions and descriptions in tooltips #28

Open

lengyel-arpad85 changed the title ~~add instructions in tooltips~~ feat: add instructions in tooltips Nov 13, 2024

lint

9ab02b3

lengyel-arpad85 requested review from adrianboros, raducristianpopa and Tymmmy November 13, 2024 19:05

Tymmmy reviewed Nov 14, 2024

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat: add instructions in tooltips #29

feat: add instructions in tooltips #29

lengyel-arpad85 commented Nov 13, 2024

Tymmmy Nov 14, 2024

Tymmmy Nov 14, 2024

Tymmmy Nov 14, 2024

Tymmmy Nov 14, 2024

Tymmmy Nov 14, 2024

Tymmmy Nov 14, 2024

Tymmmy Nov 14, 2024

Tymmmy Nov 14, 2024

	tooltip="Your wallet address is used for saving your configured component, to confirm you own the component you want to update, as well as being injected into the page you are dislaying the component in, enabling accepting funds through webmonetization."
	tooltip="Your wallet address is used to save your configured component, verify ownership of the component you want to update, and integrate it into the page displaying the component, enabling fund acceptance via Web Monetization."

	"The embedded banner will be shown if webmonetization extension isn't active and until user closes it. You can set colors and displayed title and text. The link to the extension is browser type based and is automatically added.",
	"If the Web Monetization extension is inactive, an embedded banner will be shown until the user closes it. You can customize the banner's colors, title, and text, and a browser-specific link to the extension is automatically included.",

	'A banner to display on your website for visitors who do not have WM extension active. A call-to-action with a link to the extension or description of the options. It will also add a paiment pointer to your website.'
	'The banner informs visitors who don't have the Web Monetization extension active, with a call-to-action linking to the extension or providing details about the options available. It also adds a payment pointer to your site.'

	'The embedded widget is displayed on the lower right corner of the website, it opens an overlayed section with title, text and a payment solution. You can customize the colors and text. The preset values are fixed, but there is an option for custom values for the visitor.',
	'The embedded widget appears in the lower right corner of your website and opens an overlay with a title, text, and payment solution, all of which can be customized in terms of colors and text. While preset values are fixed, you have the option to set custom values for visitors.',

	'A widget to display a small explanation or description of your choice and a solution for donations or a one-time payment, even for visitors who do not have the WM extension active.'
	'You can add a widget to provide a brief explanation or description, along with a donation or one-time payment option, even for users without the Web Monetization extension.'

	'Add a custom button to your website with a short tooltip, that triggers a payment option for donations or one-time payments in a full page overlay, for a convenient option for your visitors to support your work / content.'
	'You can place a custom button with a short tooltip on your site that triggers a payment option in a full-page overlay, offering a convenient way for visitors to support your work or content.'

	tooltip="Copy your script, place it before the closing body tag in your website, or place it into a script type element in instances when you have a site management software (ex: wordpress, etc).
	tooltip="Copy your script and insert it just before the closing </body> tag on your website, or place it within a <script> tag if you're using site management software (e.g., WordPress, etc.).

	<br />Check all options at the include section, that you want to display on your website."
	<br />Be sure to review and select all the options in the "Include" section that you want to display on your site."

feat: add instructions in tooltips #29

Are you sure you want to change the base?

feat: add instructions in tooltips #29

Conversation

lengyel-arpad85 commented Nov 13, 2024

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment