mirror of
https://github.com/signalapp/Signal-Desktop.git
synced 2026-02-15 07:28:59 +00:00
Update donation faq dialog
This commit is contained in:
ayumi-signal
GitHub
@@ -9950,6 +9950,26 @@
|
||||
"messageformat": "<paragraph>Signal does not collect or store any of your personal information when you make a donation.</paragraph><paragraph>We use Stripe as our payment processor to receive your donations. We don't access, store, or save any of the information you provide to them.</paragraph><paragraph>Signal does not and cannot connect your donation to your Signal account.</paragraph><paragraph>Thank you for your support!</paragraph>",
|
||||
"description": "Content for the modal that explains donation privacy information"
|
||||
},
|
||||
"icu:PreferencesDonations__privacy-modal-intro": {
|
||||
"messageformat": "As an independent nonprofit, Signal is committed to private messaging and calls. No ads, no trackers, no surveillance. Donate today to support Signal.",
|
||||
"description": "Content for the modal that explains donation information"
|
||||
},
|
||||
"icu:PreferencesDonations__privacy-modal-list-1": {
|
||||
"messageformat": "Get an optional badge on your profile when you donate",
|
||||
"description": "List content item for the modal that explains donation information"
|
||||
},
|
||||
"icu:PreferencesDonations__privacy-modal-list-2": {
|
||||
"messageformat": "Your privacy is our mission",
|
||||
"description": "List content item for the modal that explains donation information"
|
||||
},
|
||||
"icu:PreferencesDonations__privacy-modal-list-3": {
|
||||
"messageformat": "Signal is a 501c3 nonprofit. US donations are tax deductible.",
|
||||
"description": "List content item for the modal that explains donation information"
|
||||
},
|
||||
"icu:PreferencesDonations__privacy-modal-icon-accessibility-label": {
|
||||
"messageformat": "Heart icon in the style of the Signal logo",
|
||||
"description": "Accessibility label for the icon showed at the top of the modal that explains donation information"
|
||||
},
|
||||
"icu:PreferencesDonations__privacy-modal-ok": {
|
||||
"messageformat": "OK",
|
||||
"description": "Button text in the modal that explains donation privacy information. Clicking the button will dismiss the modal."
|
||||
|
||||
26
images/signal-heart.svg
Normal file
26
images/signal-heart.svg
Normal file
@@ -0,0 +1,26 @@
|
||||
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_1528_7690)">
|
||||
<path d="M18.8304 3.88425C20.5442 3.86014 22.2509 4.10545 23.8864 4.61097L25.1871 1.81595C23.14 1.13346 20.9897 0.800381 18.829 0.831041C17.5831 0.835617 16.3415 0.976076 15.127 1.24986L15.7986 4.22161C16.7938 4.00135 17.8104 3.88824 18.8304 3.88425Z" fill="#F76E6E"/>
|
||||
<path d="M5.35842 11.6954L2.71771 10.1191C1.04323 12.8601 0.107669 15.978 0 19.1761L3.09763 19.2157C3.19961 16.5616 3.97707 13.9755 5.35842 11.6954Z" fill="#F76E6E"/>
|
||||
<path d="M13.2212 5.01749L12.2546 2.13135C9.2166 3.34402 6.52817 5.27574 4.42676 7.7559L6.91485 9.55083C8.623 7.56832 10.7845 6.01452 13.2212 5.01749Z" fill="#F76E6E"/>
|
||||
<path d="M32.001 9.94559L34.0173 8.24271C35.1224 7.27914 36.3224 6.42685 37.5994 5.69852L36.0442 3.05262C34.6049 3.87645 33.2507 4.83709 32.001 5.92082C30.7512 4.83655 29.3968 3.8753 27.9574 3.05078L26.4004 5.69668C27.6774 6.42501 28.8773 7.2773 29.9825 8.24087L32.001 9.94559Z" fill="#F76E6E"/>
|
||||
<path d="M12.2856 40.832L9.73828 42.586C11.524 44.8209 13.431 46.9412 15.352 48.9092L17.7789 46.9882C15.9685 45.1454 14.0821 43.0729 12.2856 40.832Z" fill="#F76E6E"/>
|
||||
<path d="M17.4668 51.0148C19.6767 53.1512 21.8479 55.0648 23.8142 56.706L26.0437 54.56C24.0942 52.9404 21.9249 51.0336 19.7215 48.9092L17.4668 51.0148Z" fill="#F76E6E"/>
|
||||
<path d="M3.18764 21.9507L0.09375 22.149C0.413885 25.0726 1.17691 27.9323 2.35735 30.6326L5.21507 29.4415C4.16979 27.0563 3.48664 24.5323 3.18764 21.9507Z" fill="#F76E6E"/>
|
||||
<path d="M6.38256 31.9199L3.62891 33.3333C4.882 35.7328 6.31917 38.0344 7.92787 40.218L10.6199 38.6615C9.03065 36.5272 7.61384 34.273 6.38256 31.9199Z" fill="#F76E6E"/>
|
||||
<path d="M45.1697 3.88362C46.1891 3.88695 47.2052 3.99929 48.2001 4.21867L48.8721 1.24692C47.6574 0.973179 46.4157 0.83272 45.1697 0.828107C43.0089 0.797483 40.8587 1.13056 38.8115 1.81301L40.1137 4.61033C41.7492 4.10489 43.4559 3.85958 45.1697 3.88362Z" fill="#F76E6E"/>
|
||||
<path d="M60.9024 19.2157L64 19.1761C63.8924 15.978 62.9568 12.8601 61.2823 10.1191L58.6416 11.6954C60.023 13.9755 60.8004 16.5616 60.9024 19.2157Z" fill="#F76E6E"/>
|
||||
<path d="M57.0846 9.55175L59.5731 7.75682C57.4712 5.27596 54.7819 3.34388 51.7429 2.13135L50.7764 5.01749C53.2139 6.01442 55.3761 7.56858 57.0846 9.55175Z" fill="#F76E6E"/>
|
||||
<path d="M44.7826 6.93896C39.749 6.93896 34.0662 10.8358 32.0014 15.0875C29.9353 10.8335 24.2539 6.94126 19.2189 6.94126C11.8596 6.94126 6.17871 12.9667 6.17871 19.9282C6.17778 37.1153 32.0014 55.3204 32.0014 55.3204C32.0014 55.3204 57.8237 37.1139 57.8237 19.9282C57.8227 12.9644 52.1418 6.93896 44.7826 6.93896Z" fill="#F76E6E"/>
|
||||
<path d="M32.0009 59.2031C31.0371 58.5031 29.7177 57.515 28.1784 56.2939L26.1426 58.6053C29.6122 61.363 32.0009 62.96 32.0009 62.96C32.0009 62.96 34.3891 61.363 37.8587 58.6053L35.8228 56.2939C34.2827 57.515 32.9632 58.5031 32.0009 59.2031Z" fill="#F76E6E"/>
|
||||
<path d="M46.2227 46.9882L48.6496 48.9092C50.5702 46.9412 52.4767 44.8209 54.2629 42.586L51.7141 40.832C49.9177 43.0729 48.0312 45.1454 46.2227 46.9882Z" fill="#F76E6E"/>
|
||||
<path d="M37.959 54.5609L40.1885 56.707C42.1525 55.0672 44.3237 53.1522 46.5359 51.0157L44.2835 48.9102C42.0778 51.0346 39.9085 52.9414 37.959 54.5609Z" fill="#F76E6E"/>
|
||||
<path d="M58.7852 29.4415L61.6429 30.6326C62.8233 27.9323 63.5863 25.0726 63.9065 22.149L60.8126 21.9507C60.5138 24.5323 59.8307 27.0564 58.7852 29.4415Z" fill="#F76E6E"/>
|
||||
<path d="M53.3818 38.6615L56.0739 40.218C57.6824 38.0344 59.1194 35.7328 60.3724 33.3333L57.6187 31.9199C56.3876 34.273 54.971 36.5271 53.3818 38.6615Z" fill="#F76E6E"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_1528_7690">
|
||||
<rect width="64" height="64" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.6 KiB |
@@ -1,12 +1,12 @@
|
||||
// Copyright 2025 Signal Messenger, LLC
|
||||
// SPDX-License-Identifier: AGPL-3.0-only
|
||||
|
||||
import React, { useCallback } from 'react';
|
||||
import React from 'react';
|
||||
import type { LocalizerType } from '../types/Util.std.js';
|
||||
import { openLinkInWebBrowser } from '../util/openLinkInWebBrowser.dom.js';
|
||||
import { AxoDialog } from '../axo/AxoDialog.dom.js';
|
||||
import { I18n } from './I18n.dom.js';
|
||||
import { tw } from '../axo/tw.dom.js';
|
||||
import { AxoSymbol } from '../axo/AxoSymbol.dom.js';
|
||||
|
||||
export type DonationPrivacyInformationModalProps = {
|
||||
i18n: LocalizerType;
|
||||
@@ -23,11 +23,6 @@ export function DonationPrivacyInformationModal({
|
||||
);
|
||||
};
|
||||
|
||||
const paragraphComponent = useCallback(
|
||||
(parts: Array<string | React.JSX.Element>) => <p>{parts}</p>,
|
||||
[]
|
||||
);
|
||||
|
||||
return (
|
||||
<AxoDialog.Root
|
||||
open
|
||||
@@ -43,20 +38,49 @@ export function DonationPrivacyInformationModal({
|
||||
disableMissingAriaDescriptionWarning
|
||||
>
|
||||
<AxoDialog.Header>
|
||||
<AxoDialog.Title>
|
||||
<AxoDialog.Title screenReaderOnly>
|
||||
{i18n('icu:PreferencesDonations__privacy-modal-title')}
|
||||
</AxoDialog.Title>
|
||||
<AxoDialog.Close aria-label={i18n('icu:PinMessageDialog__Close')} />
|
||||
</AxoDialog.Header>
|
||||
<AxoDialog.Body>
|
||||
<img
|
||||
className={tw('m-auto mb-3')}
|
||||
alt={i18n(
|
||||
'icu:PreferencesDonations__privacy-modal-icon-accessibility-label'
|
||||
)}
|
||||
src="images/signal-heart.svg"
|
||||
/>
|
||||
<div className={tw('flex flex-col gap-4 pt-1.5 pb-4')}>
|
||||
<I18n
|
||||
components={{
|
||||
paragraph: paragraphComponent,
|
||||
}}
|
||||
i18n={i18n}
|
||||
id="icu:PreferencesDonations__privacy-modal-content"
|
||||
/>
|
||||
<div className={tw('mt-1 mb-2')}>
|
||||
{i18n('icu:PreferencesDonations__privacy-modal-intro')}
|
||||
</div>
|
||||
<ul className={tw('flex flex-col gap-6')}>
|
||||
<li className={tw('flex flex-row gap-4')}>
|
||||
<div>
|
||||
<AxoSymbol.Icon size={20} symbol="badge-set" label={null} />
|
||||
</div>
|
||||
<div>
|
||||
{i18n('icu:PreferencesDonations__privacy-modal-list-1')}
|
||||
</div>
|
||||
</li>
|
||||
<li className={tw('flex gap-x-4')}>
|
||||
<div>
|
||||
<AxoSymbol.Icon size={20} symbol="lock" label={null} />
|
||||
</div>
|
||||
<div>
|
||||
{i18n('icu:PreferencesDonations__privacy-modal-list-2')}
|
||||
</div>
|
||||
</li>
|
||||
<li className={tw('flex gap-x-4')}>
|
||||
<div>
|
||||
<AxoSymbol.Icon size={20} symbol="heart" label={null} />
|
||||
</div>
|
||||
<div>
|
||||
{i18n('icu:PreferencesDonations__privacy-modal-list-3')}
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</AxoDialog.Body>
|
||||
<AxoDialog.Footer>
|
||||
|
||||
Reference in New Issue
Block a user