diff --git a/src/assets/font-icons/next-link.svg b/src/assets/font-icons/next-link.svg
new file mode 100644
index 000000000..152b2fffa
--- /dev/null
+++ b/src/assets/font-icons/next-link.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/components/left/settings/SettingsEditProfile.tsx b/src/components/left/settings/SettingsEditProfile.tsx
index 5c9954fdf..fa5f8c9a3 100644
--- a/src/components/left/settings/SettingsEditProfile.tsx
+++ b/src/components/left/settings/SettingsEditProfile.tsx
@@ -12,6 +12,7 @@ import { getChatAvatarHash } from '../../../global/helpers';
import { selectTabState, selectUser, selectUserFullInfo } from '../../../global/selectors';
import { selectCurrentLimit } from '../../../global/selectors/limits';
import { formatDateToString } from '../../../util/dates/dateFormat';
+import { getNextArrowReplacement } from '../../../util/localization/format';
import { throttle } from '../../../util/schedulers';
import renderText from '../../common/helpers/renderText';
@@ -280,7 +281,12 @@ const SettingsEditProfile = ({
{lang('BirthdayPrivacySuggestion', {
- link: {lang('BirthdayPrivacySuggestionLink')},
+ link: (
+
+ {lang('BirthdayPrivacySuggestionLink',
+ undefined, { withNodes: true, specialReplacement: getNextArrowReplacement() })}
+
+ ),
}, { withNodes: true })}
diff --git a/src/components/left/settings/SettingsPasskeys.tsx b/src/components/left/settings/SettingsPasskeys.tsx
index d6cbf2285..9ee6b1d8c 100644
--- a/src/components/left/settings/SettingsPasskeys.tsx
+++ b/src/components/left/settings/SettingsPasskeys.tsx
@@ -10,6 +10,7 @@ import type { ApiPasskey } from '../../../api/types';
import { IS_WEBAUTHN_SUPPORTED } from '../../../util/browser/windowEnvironment';
import buildClassName from '../../../util/buildClassName';
import { formatPastDatetime } from '../../../util/dates/dateFormat';
+import { getNextArrowReplacement } from '../../../util/localization/format';
import { LOCAL_TGS_PREVIEW_URLS, LOCAL_TGS_URLS } from '../../common/helpers/animatedAssets';
import { REM } from '../../common/helpers/mediaDimensions';
@@ -153,7 +154,12 @@ const SettingsPasskeys = ({
)}
{lang('SettingsPasskeysFooter', {
- link: {lang('SettingsPasskeysFooterLink')},
+ link: (
+
+ {lang('SettingsPasskeysFooterLink', undefined,
+ { withNodes: true, specialReplacement: getNextArrowReplacement() })}
+
+ ),
}, { withNodes: true })}
diff --git a/src/components/modals/birthday/BirthdaySetupModal.tsx b/src/components/modals/birthday/BirthdaySetupModal.tsx
index 5181be21d..8d9c364a6 100644
--- a/src/components/modals/birthday/BirthdaySetupModal.tsx
+++ b/src/components/modals/birthday/BirthdaySetupModal.tsx
@@ -5,6 +5,7 @@ import type { TabState } from '../../../global/types';
import { SettingsScreens } from '../../../types';
import buildClassName from '../../../util/buildClassName';
+import { getNextArrowReplacement } from '../../../util/localization/format';
import { LOCAL_TGS_URLS } from '../../common/helpers/animatedAssets';
import useLang from '../../../hooks/useLang';
@@ -206,7 +207,12 @@ const BirthdaySetupModal = ({ modal }: OwnProps) => {
{lang('BirthdayPrivacySuggestion', {
- link: {lang('BirthdayPrivacySuggestionLink')},
+ link: (
+
+ {lang('BirthdayPrivacySuggestionLink', undefined,
+ { withNodes: true, specialReplacement: getNextArrowReplacement() })}
+
+ ),
}, { withNodes: true })}
{currentBirthday && (
diff --git a/src/components/modals/gift/GiftComposer.tsx b/src/components/modals/gift/GiftComposer.tsx
index cfdc479da..15e9f8a56 100644
--- a/src/components/modals/gift/GiftComposer.tsx
+++ b/src/components/modals/gift/GiftComposer.tsx
@@ -19,7 +19,7 @@ import buildStyle from '../../../util/buildStyle';
import { formatCountdown } from '../../../util/dates/dateFormat';
import { HOUR } from '../../../util/dates/units';
import { formatCurrency } from '../../../util/formatCurrency';
-import { formatStarsAsIcon } from '../../../util/localization/format';
+import { formatStarsAsIcon, getNextArrowReplacement } from '../../../util/localization/format';
import { getServerTime } from '../../../util/serverTime';
import useCustomBackground from '../../../hooks/useCustomBackground';
@@ -322,13 +322,24 @@ function GiftComposer({
{isPeerUser
? lang('GiftMakeUniqueDescription', {
user: title,
- link:
{lang('GiftMakeUniqueLink')},
+ link: (
+
+ {lang('GiftMakeUniqueLink', undefined, { withNodes: true,
+ specialReplacement: getNextArrowReplacement() })}
+
+ ),
}, {
withNodes: true,
})
: lang('GiftMakeUniqueDescriptionChannel', {
peer: title,
- link:
{lang('GiftMakeUniqueLink')},
+ link: (
+
+ {lang('GiftMakeUniqueLink', undefined, {
+ withNodes: true,
+ specialReplacement: getNextArrowReplacement() })}
+
+ ),
}, {
withNodes: true,
})}
diff --git a/src/components/modals/gift/GiftModal.tsx b/src/components/modals/gift/GiftModal.tsx
index 0e9bfcfac..445946951 100644
--- a/src/components/modals/gift/GiftModal.tsx
+++ b/src/components/modals/gift/GiftModal.tsx
@@ -23,6 +23,7 @@ import { getPeerTitle, isApiPeerChat, isApiPeerUser } from '../../../global/help
import { selectTabState } from '../../../global/selectors';
import { selectPeer, selectUserFullInfo } from '../../../global/selectors';
import buildClassName from '../../../util/buildClassName';
+import { getNextArrowReplacement } from '../../../util/localization/format';
import { throttle } from '../../../util/schedulers';
import { REM } from '../../common/helpers/mediaDimensions';
@@ -237,7 +238,12 @@ const GiftModal: FC
= ({
+ >
+ {lang('GiftPremiumDescriptionLinkCaption', undefined, {
+ withNodes: true,
+ specialReplacement: getNextArrowReplacement(),
+ })}
+
),
}, { withNodes: true });
diff --git a/src/components/modals/gift/auction/GiftAuctionModal.tsx b/src/components/modals/gift/auction/GiftAuctionModal.tsx
index 5bbb4ce2d..96efc03c1 100644
--- a/src/components/modals/gift/auction/GiftAuctionModal.tsx
+++ b/src/components/modals/gift/auction/GiftAuctionModal.tsx
@@ -196,7 +196,12 @@ const GiftAuctionModal = ({ modal, auctionState }: OwnProps & StateProps) => {
{lang('GiftAuctionTopBidders', {
count: giftsPerRound,
gift: {giftTitle},
- link: {lang('GiftAuctionLearnMore')},
+ link: (
+
+ {lang('GiftAuctionLearnMore', undefined,
+ { withNodes: true })}
+
+ ),
}, { pluralValue: giftsPerRound, withNodes: true, withMarkdown: true })}
)}
diff --git a/src/components/modals/gift/info/GiftInfoModal.tsx b/src/components/modals/gift/info/GiftInfoModal.tsx
index 2a32811ae..9a2d47422 100644
--- a/src/components/modals/gift/info/GiftInfoModal.tsx
+++ b/src/components/modals/gift/info/GiftInfoModal.tsx
@@ -19,6 +19,7 @@ import { formatDateTimeToString } from '../../../../util/dates/dateFormat';
import { formatCurrencyAsString } from '../../../../util/formatCurrency';
import {
formatStarsAsIcon, formatStarsAsText, formatTonAsIcon, formatTonAsText,
+ getNextArrowReplacement,
} from '../../../../util/localization/format';
import { CUSTOM_PEER_HIDDEN } from '../../../../util/objects/customPeer';
import { getServerTime } from '../../../../util/serverTime';
@@ -803,7 +804,12 @@ const GiftInfoModal = ({
{tonLink && (
{lang('GiftInfoTonText', {
- link: ,
+ link: (
+
+ {lang('GiftInfoTonLinkText', undefined,
+ { withNodes: true, specialReplacement: getNextArrowReplacement() })}
+
+ ),
}, { withNodes: true })}
)}
@@ -812,7 +818,8 @@ const GiftInfoModal = ({
{lang(`GiftInfo${isTargetChat ? 'Channel' : ''}${isUnsaved ? 'Hidden' : 'Saved'}`, {
link: (
- {lang(`GiftInfoSaved${isUnsaved ? 'Show' : 'Hide'}`)}
+ {lang(`GiftInfoSaved${isUnsaved ? 'Show' : 'Hide'}`, undefined,
+ { withNodes: true, specialReplacement: getNextArrowReplacement() })}
),
}, {
diff --git a/src/components/modals/gift/upgrade/GiftUpgradeModal.tsx b/src/components/modals/gift/upgrade/GiftUpgradeModal.tsx
index 1a460368c..0a94abc0b 100644
--- a/src/components/modals/gift/upgrade/GiftUpgradeModal.tsx
+++ b/src/components/modals/gift/upgrade/GiftUpgradeModal.tsx
@@ -8,6 +8,7 @@ import type { TabState } from '../../../../global/types';
import { getPeerTitle } from '../../../../global/helpers/peers';
import { selectPeer } from '../../../../global/selectors';
+import { getNextArrowReplacement } from '../../../../util/localization/format';
import {
getRandomGiftPreviewAttributes, type GiftPreviewAttributes,
preloadGiftAttributeStickers } from '../../../common/helpers/gifts';
@@ -212,7 +213,8 @@ const GiftUpgradeModal = ({ modal, recipient }: OwnProps & StateProps) => {
isPrimary
onClick={handleOpenPriceInfo}
>
- {lang('StarGiftPriceDecreaseInfoLink')}
+ {lang('StarGiftPriceDecreaseInfoLink', undefined,
+ { withNodes: true, specialReplacement: getNextArrowReplacement() })}
)}
>
diff --git a/src/components/modals/profileRating/ProfileRatingModal.tsx b/src/components/modals/profileRating/ProfileRatingModal.tsx
index 583253d72..25284b33a 100644
--- a/src/components/modals/profileRating/ProfileRatingModal.tsx
+++ b/src/components/modals/profileRating/ProfileRatingModal.tsx
@@ -8,6 +8,7 @@ import { getPeerTitle } from '../../../global/helpers/peers';
import { selectUser, selectUserFullInfo } from '../../../global/selectors';
import buildClassName from '../../../util/buildClassName';
import { formatShortDuration } from '../../../util/dates/dateFormat';
+import { getNextArrowReplacement } from '../../../util/localization/format';
import { getServerTime } from '../../../util/serverTime';
import useCurrentOrPrev from '../../../hooks/useCurrentOrPrev';
@@ -130,7 +131,8 @@ const ProfileRatingModal = ({
points: Math.abs(pendingPoints),
link: (
- {lang('LinkDescriptionRatingBack')}
+ {lang('LinkDescriptionRatingBack',
+ undefined, { withNodes: true, specialReplacement: getNextArrowReplacement() })}
),
}, {
@@ -145,7 +147,8 @@ const ProfileRatingModal = ({
points: Math.abs(pendingPoints),
link: (
- {lang('LinkDescriptionRatingPreview')}
+ {lang('LinkDescriptionRatingPreview',
+ undefined, { withNodes: true, specialReplacement: getNextArrowReplacement() })}
),
}, {
diff --git a/src/components/ui/ModalStarBalanceBar.module.scss b/src/components/ui/ModalStarBalanceBar.module.scss
index 88eff7650..8abd24b61 100644
--- a/src/components/ui/ModalStarBalanceBar.module.scss
+++ b/src/components/ui/ModalStarBalanceBar.module.scss
@@ -50,5 +50,7 @@
.tonInUsdDescription,
.getMoreStarsLink {
+ --next-arrow-weight: 600;
+
font-weight: var(--font-weight-semibold);
}
diff --git a/src/components/ui/ModalStarBalanceBar.tsx b/src/components/ui/ModalStarBalanceBar.tsx
index 2f916ca0b..42eab11d8 100644
--- a/src/components/ui/ModalStarBalanceBar.tsx
+++ b/src/components/ui/ModalStarBalanceBar.tsx
@@ -6,7 +6,7 @@ import type { ApiStarsAmount, ApiTonAmount } from '../../api/types';
import { formatStarsAmount } from '../../global/helpers/payments';
import buildClassName from '../../util/buildClassName';
import { convertTonFromNanos, convertTonToUsd, formatCurrencyAsString } from '../../util/formatCurrency';
-import { formatStarsAsIcon, formatTonAsIcon } from '../../util/localization/format';
+import { formatStarsAsIcon, formatTonAsIcon, getNextArrowReplacement } from '../../util/localization/format';
import useIsTopmostBalanceBarModal from '../../hooks/element/useIsTopmostBalanceBarModal';
import useLang from '../../hooks/useLang';
@@ -103,7 +103,10 @@ function ModalStarBalanceBar({
)}
{!isTonMode && (
- {lang('GetMoreStarsLinkText')}
+ {lang('GetMoreStarsLinkText', undefined, {
+ withNodes: true,
+ specialReplacement: getNextArrowReplacement(),
+ })}
)}
diff --git a/src/styles/icons.css b/src/styles/icons.css
index ba26a5b5b..1c914dd92 100644
--- a/src/styles/icons.css
+++ b/src/styles/icons.css
@@ -3,8 +3,8 @@
font-weight: normal;
font-style: normal;
font-display: block;
- src: url("./icons.woff2?78af88c0f83feccd1a41bd4d851b003d") format("woff2"),
-url("./icons.woff?78af88c0f83feccd1a41bd4d851b003d") format("woff");
+ src: url("./icons.woff2?0ec01f08be54a6cffe9ee7d1ef331226") format("woff2"),
+url("./icons.woff?0ec01f08be54a6cffe9ee7d1ef331226") format("woff");
}
.icon-char::before {
@@ -495,459 +495,462 @@ url("./icons.woff?78af88c0f83feccd1a41bd4d851b003d") format("woff");
.icon-new-chat-filled::before {
content: "\f19e";
}
-.icon-next::before {
+.icon-next-link::before {
content: "\f19f";
}
-.icon-nochannel::before {
+.icon-next::before {
content: "\f1a0";
}
-.icon-noise-suppression::before {
+.icon-nochannel::before {
content: "\f1a1";
}
-.icon-non-contacts::before {
+.icon-noise-suppression::before {
content: "\f1a2";
}
-.icon-note::before {
+.icon-non-contacts::before {
content: "\f1a3";
}
-.icon-one-filled::before {
+.icon-note::before {
content: "\f1a4";
}
-.icon-open-in-new-tab::before {
+.icon-one-filled::before {
content: "\f1a5";
}
-.icon-password-off::before {
+.icon-open-in-new-tab::before {
content: "\f1a6";
}
-.icon-pause::before {
+.icon-password-off::before {
content: "\f1a7";
}
-.icon-permissions::before {
+.icon-pause::before {
content: "\f1a8";
}
-.icon-phone-discard-outline::before {
+.icon-permissions::before {
content: "\f1a9";
}
-.icon-phone-discard::before {
+.icon-phone-discard-outline::before {
content: "\f1aa";
}
-.icon-phone::before {
+.icon-phone-discard::before {
content: "\f1ab";
}
-.icon-photo::before {
+.icon-phone::before {
content: "\f1ac";
}
-.icon-pin-badge::before {
+.icon-photo::before {
content: "\f1ad";
}
-.icon-pin-list::before {
+.icon-pin-badge::before {
content: "\f1ae";
}
-.icon-pin::before {
+.icon-pin-list::before {
content: "\f1af";
}
-.icon-pinned-chat::before {
+.icon-pin::before {
content: "\f1b0";
}
-.icon-pinned-message::before {
+.icon-pinned-chat::before {
content: "\f1b1";
}
-.icon-pip::before {
+.icon-pinned-message::before {
content: "\f1b2";
}
-.icon-play-story::before {
+.icon-pip::before {
content: "\f1b3";
}
-.icon-play::before {
+.icon-play-story::before {
content: "\f1b4";
}
-.icon-poll::before {
+.icon-play::before {
content: "\f1b5";
}
-.icon-previous::before {
+.icon-poll::before {
content: "\f1b6";
}
-.icon-privacy-policy::before {
+.icon-previous::before {
content: "\f1b7";
}
-.icon-proof-of-ownership::before {
+.icon-privacy-policy::before {
content: "\f1b8";
}
-.icon-quote-text::before {
+.icon-proof-of-ownership::before {
content: "\f1b9";
}
-.icon-quote::before {
+.icon-quote-text::before {
content: "\f1ba";
}
-.icon-radial-badge::before {
+.icon-quote::before {
content: "\f1bb";
}
-.icon-rating-icons-level1::before {
+.icon-radial-badge::before {
content: "\f1bc";
}
-.icon-rating-icons-level10::before {
+.icon-rating-icons-level1::before {
content: "\f1bd";
}
-.icon-rating-icons-level2::before {
+.icon-rating-icons-level10::before {
content: "\f1be";
}
-.icon-rating-icons-level20::before {
+.icon-rating-icons-level2::before {
content: "\f1bf";
}
-.icon-rating-icons-level3::before {
+.icon-rating-icons-level20::before {
content: "\f1c0";
}
-.icon-rating-icons-level30::before {
+.icon-rating-icons-level3::before {
content: "\f1c1";
}
-.icon-rating-icons-level4::before {
+.icon-rating-icons-level30::before {
content: "\f1c2";
}
-.icon-rating-icons-level40::before {
+.icon-rating-icons-level4::before {
content: "\f1c3";
}
-.icon-rating-icons-level5::before {
+.icon-rating-icons-level40::before {
content: "\f1c4";
}
-.icon-rating-icons-level50::before {
+.icon-rating-icons-level5::before {
content: "\f1c5";
}
-.icon-rating-icons-level6::before {
+.icon-rating-icons-level50::before {
content: "\f1c6";
}
-.icon-rating-icons-level60::before {
+.icon-rating-icons-level6::before {
content: "\f1c7";
}
-.icon-rating-icons-level7::before {
+.icon-rating-icons-level60::before {
content: "\f1c8";
}
-.icon-rating-icons-level70::before {
+.icon-rating-icons-level7::before {
content: "\f1c9";
}
-.icon-rating-icons-level8::before {
+.icon-rating-icons-level70::before {
content: "\f1ca";
}
-.icon-rating-icons-level80::before {
+.icon-rating-icons-level8::before {
content: "\f1cb";
}
-.icon-rating-icons-level9::before {
+.icon-rating-icons-level80::before {
content: "\f1cc";
}
-.icon-rating-icons-level90::before {
+.icon-rating-icons-level9::before {
content: "\f1cd";
}
-.icon-rating-icons-negative::before {
+.icon-rating-icons-level90::before {
content: "\f1ce";
}
-.icon-readchats::before {
+.icon-rating-icons-negative::before {
content: "\f1cf";
}
-.icon-recent::before {
+.icon-readchats::before {
content: "\f1d0";
}
-.icon-refund::before {
+.icon-recent::before {
content: "\f1d1";
}
-.icon-reload::before {
+.icon-refund::before {
content: "\f1d2";
}
-.icon-remove-quote::before {
+.icon-reload::before {
content: "\f1d3";
}
-.icon-remove::before {
+.icon-remove-quote::before {
content: "\f1d4";
}
-.icon-reopen-topic::before {
+.icon-remove::before {
content: "\f1d5";
}
-.icon-reorder-tabs::before {
+.icon-reopen-topic::before {
content: "\f1d6";
}
-.icon-replace::before {
+.icon-reorder-tabs::before {
content: "\f1d7";
}
-.icon-replies::before {
+.icon-replace::before {
content: "\f1d8";
}
-.icon-reply-filled::before {
+.icon-replies::before {
content: "\f1d9";
}
-.icon-reply::before {
+.icon-reply-filled::before {
content: "\f1da";
}
-.icon-revenue-split::before {
+.icon-reply::before {
content: "\f1db";
}
-.icon-revote::before {
+.icon-revenue-split::before {
content: "\f1dc";
}
-.icon-save-story::before {
+.icon-revote::before {
content: "\f1dd";
}
-.icon-saved-messages::before {
+.icon-save-story::before {
content: "\f1de";
}
-.icon-schedule::before {
+.icon-saved-messages::before {
content: "\f1df";
}
-.icon-scheduled::before {
+.icon-schedule::before {
content: "\f1e0";
}
-.icon-sd-photo::before {
+.icon-scheduled::before {
content: "\f1e1";
}
-.icon-search::before {
+.icon-sd-photo::before {
content: "\f1e2";
}
-.icon-select::before {
+.icon-search::before {
content: "\f1e3";
}
-.icon-sell-outline::before {
+.icon-select::before {
content: "\f1e4";
}
-.icon-sell::before {
+.icon-sell-outline::before {
content: "\f1e5";
}
-.icon-send-outline::before {
+.icon-sell::before {
content: "\f1e6";
}
-.icon-send::before {
+.icon-send-outline::before {
content: "\f1e7";
}
-.icon-settings-filled::before {
+.icon-send::before {
content: "\f1e8";
}
-.icon-settings::before {
+.icon-settings-filled::before {
content: "\f1e9";
}
-.icon-share-filled::before {
+.icon-settings::before {
content: "\f1ea";
}
-.icon-share-screen-outlined::before {
+.icon-share-filled::before {
content: "\f1eb";
}
-.icon-share-screen-stop::before {
+.icon-share-screen-outlined::before {
content: "\f1ec";
}
-.icon-share-screen::before {
+.icon-share-screen-stop::before {
content: "\f1ed";
}
-.icon-show-message::before {
+.icon-share-screen::before {
content: "\f1ee";
}
-.icon-sidebar::before {
+.icon-show-message::before {
content: "\f1ef";
}
-.icon-skip-next::before {
+.icon-sidebar::before {
content: "\f1f0";
}
-.icon-skip-previous::before {
+.icon-skip-next::before {
content: "\f1f1";
}
-.icon-smallscreen::before {
+.icon-skip-previous::before {
content: "\f1f2";
}
-.icon-smile::before {
+.icon-smallscreen::before {
content: "\f1f3";
}
-.icon-sort-by-date::before {
+.icon-smile::before {
content: "\f1f4";
}
-.icon-sort-by-number::before {
+.icon-sort-by-date::before {
content: "\f1f5";
}
-.icon-sort-by-price::before {
+.icon-sort-by-number::before {
content: "\f1f6";
}
-.icon-sort::before {
+.icon-sort-by-price::before {
content: "\f1f7";
}
-.icon-speaker-muted-story::before {
+.icon-sort::before {
content: "\f1f8";
}
-.icon-speaker-outline::before {
+.icon-speaker-muted-story::before {
content: "\f1f9";
}
-.icon-speaker-story::before {
+.icon-speaker-outline::before {
content: "\f1fa";
}
-.icon-speaker::before {
+.icon-speaker-story::before {
content: "\f1fb";
}
-.icon-spoiler-disable::before {
+.icon-speaker::before {
content: "\f1fc";
}
-.icon-spoiler::before {
+.icon-spoiler-disable::before {
content: "\f1fd";
}
-.icon-sport::before {
+.icon-spoiler::before {
content: "\f1fe";
}
-.icon-star::before {
+.icon-sport::before {
content: "\f1ff";
}
-.icon-stars-lock::before {
+.icon-star::before {
content: "\f200";
}
-.icon-stars-refund::before {
+.icon-stars-lock::before {
content: "\f201";
}
-.icon-stats::before {
+.icon-stars-refund::before {
content: "\f202";
}
-.icon-stealth-future::before {
+.icon-stats::before {
content: "\f203";
}
-.icon-stealth-past::before {
+.icon-stealth-future::before {
content: "\f204";
}
-.icon-stickers::before {
+.icon-stealth-past::before {
content: "\f205";
}
-.icon-stop-raising-hand::before {
+.icon-stickers::before {
content: "\f206";
}
-.icon-stop::before {
+.icon-stop-raising-hand::before {
content: "\f207";
}
-.icon-story-caption::before {
+.icon-stop::before {
content: "\f208";
}
-.icon-story-expired::before {
+.icon-story-caption::before {
content: "\f209";
}
-.icon-story-priority::before {
+.icon-story-expired::before {
content: "\f20a";
}
-.icon-story-reply::before {
+.icon-story-priority::before {
content: "\f20b";
}
-.icon-strikethrough::before {
+.icon-story-reply::before {
content: "\f20c";
}
-.icon-tag-add::before {
+.icon-strikethrough::before {
content: "\f20d";
}
-.icon-tag-crossed::before {
+.icon-tag-add::before {
content: "\f20e";
}
-.icon-tag-filter::before {
+.icon-tag-crossed::before {
content: "\f20f";
}
-.icon-tag-name::before {
+.icon-tag-filter::before {
content: "\f210";
}
-.icon-tag::before {
+.icon-tag-name::before {
content: "\f211";
}
-.icon-timer::before {
+.icon-tag::before {
content: "\f212";
}
-.icon-toncoin::before {
+.icon-timer::before {
content: "\f213";
}
-.icon-tools::before {
+.icon-toncoin::before {
content: "\f214";
}
-.icon-topic-new::before {
+.icon-tools::before {
content: "\f215";
}
-.icon-trade::before {
+.icon-topic-new::before {
content: "\f216";
}
-.icon-transcribe::before {
+.icon-trade::before {
content: "\f217";
}
-.icon-truck::before {
+.icon-transcribe::before {
content: "\f218";
}
-.icon-unarchive::before {
+.icon-truck::before {
content: "\f219";
}
-.icon-underlined::before {
+.icon-unarchive::before {
content: "\f21a";
}
-.icon-understood::before {
+.icon-underlined::before {
content: "\f21b";
}
-.icon-unique-profile::before {
+.icon-understood::before {
content: "\f21c";
}
-.icon-unlist-outline::before {
+.icon-unique-profile::before {
content: "\f21d";
}
-.icon-unlist::before {
+.icon-unlist-outline::before {
content: "\f21e";
}
-.icon-unlock-badge::before {
+.icon-unlist::before {
content: "\f21f";
}
-.icon-unlock::before {
+.icon-unlock-badge::before {
content: "\f220";
}
-.icon-unmute::before {
+.icon-unlock::before {
content: "\f221";
}
-.icon-unpin::before {
+.icon-unmute::before {
content: "\f222";
}
-.icon-unread::before {
+.icon-unpin::before {
content: "\f223";
}
-.icon-up::before {
+.icon-unread::before {
content: "\f224";
}
-.icon-user-filled::before {
+.icon-up::before {
content: "\f225";
}
-.icon-user-online::before {
+.icon-user-filled::before {
content: "\f226";
}
-.icon-user-stars::before {
+.icon-user-online::before {
content: "\f227";
}
-.icon-user::before {
+.icon-user-stars::before {
content: "\f228";
}
-.icon-video-outlined::before {
+.icon-user::before {
content: "\f229";
}
-.icon-video-stop::before {
+.icon-video-outlined::before {
content: "\f22a";
}
-.icon-video::before {
+.icon-video-stop::before {
content: "\f22b";
}
-.icon-view-once::before {
+.icon-video::before {
content: "\f22c";
}
-.icon-voice-chat::before {
+.icon-view-once::before {
content: "\f22d";
}
-.icon-volume-1::before {
+.icon-voice-chat::before {
content: "\f22e";
}
-.icon-volume-2::before {
+.icon-volume-1::before {
content: "\f22f";
}
-.icon-volume-3::before {
+.icon-volume-2::before {
content: "\f230";
}
-.icon-warning::before {
+.icon-volume-3::before {
content: "\f231";
}
-.icon-web::before {
+.icon-warning::before {
content: "\f232";
}
-.icon-webapp::before {
+.icon-web::before {
content: "\f233";
}
-.icon-word-wrap::before {
+.icon-webapp::before {
content: "\f234";
}
-.icon-zoom-in::before {
+.icon-word-wrap::before {
content: "\f235";
}
-.icon-zoom-out::before {
+.icon-zoom-in::before {
content: "\f236";
}
+.icon-zoom-out::before {
+ content: "\f237";
+}
diff --git a/src/styles/icons.scss b/src/styles/icons.scss
index 9b0906817..55e44c59d 100644
--- a/src/styles/icons.scss
+++ b/src/styles/icons.scss
@@ -174,156 +174,157 @@ $icons-map: (
"muted": "\f19c",
"my-notes": "\f19d",
"new-chat-filled": "\f19e",
- "next": "\f19f",
- "nochannel": "\f1a0",
- "noise-suppression": "\f1a1",
- "non-contacts": "\f1a2",
- "note": "\f1a3",
- "one-filled": "\f1a4",
- "open-in-new-tab": "\f1a5",
- "password-off": "\f1a6",
- "pause": "\f1a7",
- "permissions": "\f1a8",
- "phone-discard-outline": "\f1a9",
- "phone-discard": "\f1aa",
- "phone": "\f1ab",
- "photo": "\f1ac",
- "pin-badge": "\f1ad",
- "pin-list": "\f1ae",
- "pin": "\f1af",
- "pinned-chat": "\f1b0",
- "pinned-message": "\f1b1",
- "pip": "\f1b2",
- "play-story": "\f1b3",
- "play": "\f1b4",
- "poll": "\f1b5",
- "previous": "\f1b6",
- "privacy-policy": "\f1b7",
- "proof-of-ownership": "\f1b8",
- "quote-text": "\f1b9",
- "quote": "\f1ba",
- "radial-badge": "\f1bb",
- "rating-icons-level1": "\f1bc",
- "rating-icons-level10": "\f1bd",
- "rating-icons-level2": "\f1be",
- "rating-icons-level20": "\f1bf",
- "rating-icons-level3": "\f1c0",
- "rating-icons-level30": "\f1c1",
- "rating-icons-level4": "\f1c2",
- "rating-icons-level40": "\f1c3",
- "rating-icons-level5": "\f1c4",
- "rating-icons-level50": "\f1c5",
- "rating-icons-level6": "\f1c6",
- "rating-icons-level60": "\f1c7",
- "rating-icons-level7": "\f1c8",
- "rating-icons-level70": "\f1c9",
- "rating-icons-level8": "\f1ca",
- "rating-icons-level80": "\f1cb",
- "rating-icons-level9": "\f1cc",
- "rating-icons-level90": "\f1cd",
- "rating-icons-negative": "\f1ce",
- "readchats": "\f1cf",
- "recent": "\f1d0",
- "refund": "\f1d1",
- "reload": "\f1d2",
- "remove-quote": "\f1d3",
- "remove": "\f1d4",
- "reopen-topic": "\f1d5",
- "reorder-tabs": "\f1d6",
- "replace": "\f1d7",
- "replies": "\f1d8",
- "reply-filled": "\f1d9",
- "reply": "\f1da",
- "revenue-split": "\f1db",
- "revote": "\f1dc",
- "save-story": "\f1dd",
- "saved-messages": "\f1de",
- "schedule": "\f1df",
- "scheduled": "\f1e0",
- "sd-photo": "\f1e1",
- "search": "\f1e2",
- "select": "\f1e3",
- "sell-outline": "\f1e4",
- "sell": "\f1e5",
- "send-outline": "\f1e6",
- "send": "\f1e7",
- "settings-filled": "\f1e8",
- "settings": "\f1e9",
- "share-filled": "\f1ea",
- "share-screen-outlined": "\f1eb",
- "share-screen-stop": "\f1ec",
- "share-screen": "\f1ed",
- "show-message": "\f1ee",
- "sidebar": "\f1ef",
- "skip-next": "\f1f0",
- "skip-previous": "\f1f1",
- "smallscreen": "\f1f2",
- "smile": "\f1f3",
- "sort-by-date": "\f1f4",
- "sort-by-number": "\f1f5",
- "sort-by-price": "\f1f6",
- "sort": "\f1f7",
- "speaker-muted-story": "\f1f8",
- "speaker-outline": "\f1f9",
- "speaker-story": "\f1fa",
- "speaker": "\f1fb",
- "spoiler-disable": "\f1fc",
- "spoiler": "\f1fd",
- "sport": "\f1fe",
- "star": "\f1ff",
- "stars-lock": "\f200",
- "stars-refund": "\f201",
- "stats": "\f202",
- "stealth-future": "\f203",
- "stealth-past": "\f204",
- "stickers": "\f205",
- "stop-raising-hand": "\f206",
- "stop": "\f207",
- "story-caption": "\f208",
- "story-expired": "\f209",
- "story-priority": "\f20a",
- "story-reply": "\f20b",
- "strikethrough": "\f20c",
- "tag-add": "\f20d",
- "tag-crossed": "\f20e",
- "tag-filter": "\f20f",
- "tag-name": "\f210",
- "tag": "\f211",
- "timer": "\f212",
- "toncoin": "\f213",
- "tools": "\f214",
- "topic-new": "\f215",
- "trade": "\f216",
- "transcribe": "\f217",
- "truck": "\f218",
- "unarchive": "\f219",
- "underlined": "\f21a",
- "understood": "\f21b",
- "unique-profile": "\f21c",
- "unlist-outline": "\f21d",
- "unlist": "\f21e",
- "unlock-badge": "\f21f",
- "unlock": "\f220",
- "unmute": "\f221",
- "unpin": "\f222",
- "unread": "\f223",
- "up": "\f224",
- "user-filled": "\f225",
- "user-online": "\f226",
- "user-stars": "\f227",
- "user": "\f228",
- "video-outlined": "\f229",
- "video-stop": "\f22a",
- "video": "\f22b",
- "view-once": "\f22c",
- "voice-chat": "\f22d",
- "volume-1": "\f22e",
- "volume-2": "\f22f",
- "volume-3": "\f230",
- "warning": "\f231",
- "web": "\f232",
- "webapp": "\f233",
- "word-wrap": "\f234",
- "zoom-in": "\f235",
- "zoom-out": "\f236",
+ "next-link": "\f19f",
+ "next": "\f1a0",
+ "nochannel": "\f1a1",
+ "noise-suppression": "\f1a2",
+ "non-contacts": "\f1a3",
+ "note": "\f1a4",
+ "one-filled": "\f1a5",
+ "open-in-new-tab": "\f1a6",
+ "password-off": "\f1a7",
+ "pause": "\f1a8",
+ "permissions": "\f1a9",
+ "phone-discard-outline": "\f1aa",
+ "phone-discard": "\f1ab",
+ "phone": "\f1ac",
+ "photo": "\f1ad",
+ "pin-badge": "\f1ae",
+ "pin-list": "\f1af",
+ "pin": "\f1b0",
+ "pinned-chat": "\f1b1",
+ "pinned-message": "\f1b2",
+ "pip": "\f1b3",
+ "play-story": "\f1b4",
+ "play": "\f1b5",
+ "poll": "\f1b6",
+ "previous": "\f1b7",
+ "privacy-policy": "\f1b8",
+ "proof-of-ownership": "\f1b9",
+ "quote-text": "\f1ba",
+ "quote": "\f1bb",
+ "radial-badge": "\f1bc",
+ "rating-icons-level1": "\f1bd",
+ "rating-icons-level10": "\f1be",
+ "rating-icons-level2": "\f1bf",
+ "rating-icons-level20": "\f1c0",
+ "rating-icons-level3": "\f1c1",
+ "rating-icons-level30": "\f1c2",
+ "rating-icons-level4": "\f1c3",
+ "rating-icons-level40": "\f1c4",
+ "rating-icons-level5": "\f1c5",
+ "rating-icons-level50": "\f1c6",
+ "rating-icons-level6": "\f1c7",
+ "rating-icons-level60": "\f1c8",
+ "rating-icons-level7": "\f1c9",
+ "rating-icons-level70": "\f1ca",
+ "rating-icons-level8": "\f1cb",
+ "rating-icons-level80": "\f1cc",
+ "rating-icons-level9": "\f1cd",
+ "rating-icons-level90": "\f1ce",
+ "rating-icons-negative": "\f1cf",
+ "readchats": "\f1d0",
+ "recent": "\f1d1",
+ "refund": "\f1d2",
+ "reload": "\f1d3",
+ "remove-quote": "\f1d4",
+ "remove": "\f1d5",
+ "reopen-topic": "\f1d6",
+ "reorder-tabs": "\f1d7",
+ "replace": "\f1d8",
+ "replies": "\f1d9",
+ "reply-filled": "\f1da",
+ "reply": "\f1db",
+ "revenue-split": "\f1dc",
+ "revote": "\f1dd",
+ "save-story": "\f1de",
+ "saved-messages": "\f1df",
+ "schedule": "\f1e0",
+ "scheduled": "\f1e1",
+ "sd-photo": "\f1e2",
+ "search": "\f1e3",
+ "select": "\f1e4",
+ "sell-outline": "\f1e5",
+ "sell": "\f1e6",
+ "send-outline": "\f1e7",
+ "send": "\f1e8",
+ "settings-filled": "\f1e9",
+ "settings": "\f1ea",
+ "share-filled": "\f1eb",
+ "share-screen-outlined": "\f1ec",
+ "share-screen-stop": "\f1ed",
+ "share-screen": "\f1ee",
+ "show-message": "\f1ef",
+ "sidebar": "\f1f0",
+ "skip-next": "\f1f1",
+ "skip-previous": "\f1f2",
+ "smallscreen": "\f1f3",
+ "smile": "\f1f4",
+ "sort-by-date": "\f1f5",
+ "sort-by-number": "\f1f6",
+ "sort-by-price": "\f1f7",
+ "sort": "\f1f8",
+ "speaker-muted-story": "\f1f9",
+ "speaker-outline": "\f1fa",
+ "speaker-story": "\f1fb",
+ "speaker": "\f1fc",
+ "spoiler-disable": "\f1fd",
+ "spoiler": "\f1fe",
+ "sport": "\f1ff",
+ "star": "\f200",
+ "stars-lock": "\f201",
+ "stars-refund": "\f202",
+ "stats": "\f203",
+ "stealth-future": "\f204",
+ "stealth-past": "\f205",
+ "stickers": "\f206",
+ "stop-raising-hand": "\f207",
+ "stop": "\f208",
+ "story-caption": "\f209",
+ "story-expired": "\f20a",
+ "story-priority": "\f20b",
+ "story-reply": "\f20c",
+ "strikethrough": "\f20d",
+ "tag-add": "\f20e",
+ "tag-crossed": "\f20f",
+ "tag-filter": "\f210",
+ "tag-name": "\f211",
+ "tag": "\f212",
+ "timer": "\f213",
+ "toncoin": "\f214",
+ "tools": "\f215",
+ "topic-new": "\f216",
+ "trade": "\f217",
+ "transcribe": "\f218",
+ "truck": "\f219",
+ "unarchive": "\f21a",
+ "underlined": "\f21b",
+ "understood": "\f21c",
+ "unique-profile": "\f21d",
+ "unlist-outline": "\f21e",
+ "unlist": "\f21f",
+ "unlock-badge": "\f220",
+ "unlock": "\f221",
+ "unmute": "\f222",
+ "unpin": "\f223",
+ "unread": "\f224",
+ "up": "\f225",
+ "user-filled": "\f226",
+ "user-online": "\f227",
+ "user-stars": "\f228",
+ "user": "\f229",
+ "video-outlined": "\f22a",
+ "video-stop": "\f22b",
+ "video": "\f22c",
+ "view-once": "\f22d",
+ "voice-chat": "\f22e",
+ "volume-1": "\f22f",
+ "volume-2": "\f230",
+ "volume-3": "\f231",
+ "warning": "\f232",
+ "web": "\f233",
+ "webapp": "\f234",
+ "word-wrap": "\f235",
+ "zoom-in": "\f236",
+ "zoom-out": "\f237",
);
diff --git a/src/styles/icons.woff b/src/styles/icons.woff
index 6ed95509a..4928330ed 100644
Binary files a/src/styles/icons.woff and b/src/styles/icons.woff differ
diff --git a/src/styles/icons.woff2 b/src/styles/icons.woff2
index 39db27fcc..599413099 100644
Binary files a/src/styles/icons.woff2 and b/src/styles/icons.woff2 differ
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 9ad15a3f0..29780cd52 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -361,6 +361,13 @@ body:not(.is-ios) {
vertical-align: text-bottom; // As regular text
}
+.next-arrow-icon {
+ font-size: var(--next-arrow-size, 0.5625em);
+ font-weight: var(--next-arrow-weight, inherit);
+ line-height: inherit;
+ vertical-align: middle;
+}
+
.shared-canvas-container {
position: relative;
}
diff --git a/src/types/icons/font.ts b/src/types/icons/font.ts
index fc0cf13bd..68f4833b4 100644
--- a/src/types/icons/font.ts
+++ b/src/types/icons/font.ts
@@ -157,6 +157,7 @@ export type FontIconName =
| 'muted'
| 'my-notes'
| 'new-chat-filled'
+ | 'next-link'
| 'next'
| 'nochannel'
| 'noise-suppression'
diff --git a/src/util/localization/format.tsx b/src/util/localization/format.tsx
index 2d2dc4348..8ee458204 100644
--- a/src/util/localization/format.tsx
+++ b/src/util/localization/format.tsx
@@ -8,6 +8,12 @@ import buildClassName from '../buildClassName';
import Icon from '../../components/common/icons/Icon';
import StarIcon from '../../components/common/icons/StarIcon';
+export function getNextArrowReplacement() {
+ return {
+ '>': ,
+ };
+}
+
export function formatStarsAsText(lang: LangFn, amount: number) {
return lang('StarsAmountText', { amount }, { pluralValue: amount });
}