Skip to content

Commit a88f763

Browse files
tfrgtfrg
authored
[GSW-2367] GnoSwap video-guide (#762)
* feat: [GSW-2367] VideoGuide for Position * feat: [GSW-2367] YoutubeEmbedModal * refactor: [GSW-2367] VideoGuideModal config * feat: [GSW-2367] DocsLink * feat: [GSW-2367] add URL-based VideoGuideModal sharing functionality * feat: [GSW-2367] implement URL-based VideoGuideModal with top-level state management * feat: [GSW-2367] implement URL-based VideoGuideModal with stable iframe rendering * feat: [GSW-2367] Copy guide link * feat: [GSW-2367] implement pure state-based VideoGuideModal without History API * docs: [GSW-2367] Update video-guide config * feat: [GSW-2367] Staking video-guide * refactor: [GSW-2367] useVideoGuide * feat: [GSW-2367] Governance video-guide * feat: [GSW-2367] Leaderboard video-guide * feat: [GSW-2367] Launchpad video-guide * feat: [GSW-2367] enhance VideoGuideModal with flexible content and dynamic routing * fix: [GSW-2367] zIndex for tooltip * docs: [GSW-2367] Video Update (temp) * feat: [GSW-2367] Iframe Loading fallback UI * feat: [GSW-2367] VideoGuide i18n * feat: [GSW-2367] mobile layout * fix: [GSW-2367] VideoGuideTrigger UI * fix: [GSW-2367] VideoGuideModal UI * feat: [GSW-2367] VideoGuide autoplay * docs: [GSW-2367] i18n * fix: [GSW-2367] StakingHeader UI * fix: [GSW-2367] Governance UI (mobile) * feat: [GSW-2367] Autoplay on mobile * fix: [GSW-2367] MobileUI for VideoGuideModal * docs: [GSW-2367] Update GnoSwap YoutubeLink * fix: [GSW-2367] Staking subtitle UI * feat: [GSW-2367] Add loading="eager" to YouTube iframes for faster video loading * feat: [GSW-2367] Mute YouTube autoplay on mobile devices * feat: [GSW-2367] improve touch detection and mobile user agent logic
1 parent 31e4a61 commit a88f763

File tree

46 files changed

+1211
-109
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

46 files changed

+1211
-109
lines changed

‎packages/web/public/locales/de/common.json‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -38,6 +38,34 @@
3838
"count_one": "1 Tag",
3939
"today": "Heute"
4040
},
41+
"guide": {
42+
"governance": {
43+
"action": "GNS-Delegierter",
44+
"subtitle": "Erfahren Sie mehr über GnoSwap Governance und wie Sie xGNS erhalten, um einen Teil der Protokollgebühren auf GnoSwap zu verdienen.",
45+
"title": "Wie funktioniert GnoSwap Governance?"
46+
},
47+
"launchpad": {
48+
"action": "Jetzt mitmachen",
49+
"subtitle": "Erfahren Sie mehr über das GnoSwap Launchpad und wie Sie sich an einem Projekt-Token beteiligen können, der auf GnoSwap gestartet wird.",
50+
"title": "Wie nimmt man am GnoSwap Launchpad teil?"
51+
},
52+
"leaderboard": {
53+
"action": "Jetzt erforschen",
54+
"subtitle": "Erfahren Sie mehr über die GnoSwap-Rangliste und wie Sie aufsteigen können, um potenzielle Belohnungen auf GnoSwap zu verdienen.",
55+
"title": "Was ist die Rangliste?"
56+
},
57+
"learnMore": "Mehr erfahren",
58+
"position": {
59+
"action": "Eine Position erstellen",
60+
"subtitle": "Erfahren Sie mehr über Positionen und wie Sie Liquidität bereitstellen können, um auf GnoSwap Prämien zu verdienen.",
61+
"title": "Was ist eine Position?"
62+
},
63+
"staking": {
64+
"action": "Eine Position einnehmen",
65+
"subtitle": "Erfahren Sie mehr über den Einsatz und wie Sie Ihre Position einsetzen, um die Gewinne auf GnoSwap zu maximieren.",
66+
"title": "Wie funktioniert das Einsetzen?"
67+
}
68+
},
4169
"imporNote": "Wichtiger Hinweis",
4270
"learnMore": "Mehr erfahren",
4371
"localTimeComp": {

‎packages/web/public/locales/en/common.json‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -38,6 +38,34 @@
3838
"count_one": "1 day",
3939
"today": "Today"
4040
},
41+
"guide": {
42+
"governance": {
43+
"action": "Delegate GNS",
44+
"subtitle": "Learn about GnoSwap Governance and how to obtain xGNS to earn a portion of protocol fees on GnoSwap.",
45+
"title": "How Does GnoSwap Governance Work?"
46+
},
47+
"launchpad": {
48+
"action": "Participate Now",
49+
"subtitle": "Learn about GnoSwap Launchpad and how to participate to a project token launching on GnoSwap.",
50+
"title": "How to Participate in GnoSwap Launchpad?"
51+
},
52+
"leaderboard": {
53+
"action": "Explore Now",
54+
"subtitle": "Learn about GnoSwap Leaderboard and how to rank up to earn potential rewards on GnoSwap.",
55+
"title": "What’s the Leaderboard?"
56+
},
57+
"learnMore": "Learn more",
58+
"position": {
59+
"action": "Create a Position",
60+
"subtitle": "Learn about positions and how to provide liquidity to earn rewards on GnoSwap.",
61+
"title": "What’s a Position?"
62+
},
63+
"staking": {
64+
"action": "Stake a Position",
65+
"subtitle": "Learn about staking and how to stake your position to maximize rewards on GnoSwap.",
66+
"title": "How Does Staking Work?"
67+
}
68+
},
4169
"imporNote": "Important Note",
4270
"learnMore": "Learn More",
4371
"localTimeComp": {

‎packages/web/public/locales/es/common.json‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -38,6 +38,34 @@
3838
"count_one": "1 día",
3939
"today": "Hoy"
4040
},
41+
"guide": {
42+
"governance": {
43+
"action": "Delegado GNS",
44+
"subtitle": "Infórmese sobre la gobernanza de GnoSwap y cómo obtener xGNS para ganar una parte de las tasas de protocolo en GnoSwap.",
45+
"title": "¿Cómo funciona la gobernanza de GnoSwap?"
46+
},
47+
"launchpad": {
48+
"action": "Participe ahora",
49+
"subtitle": "Infórmese sobre GnoSwap Launchpad y cómo participar en el lanzamiento de una ficha de proyecto en GnoSwap.",
50+
"title": "¿Cómo participar en GnoSwap Launchpad?"
51+
},
52+
"leaderboard": {
53+
"action": "Explorar ahora",
54+
"subtitle": "Infórmate sobre la tabla de clasificación de GnoSwap y sobre cómo subir de rango para ganar posibles recompensas en GnoSwap.",
55+
"title": "¿Qué es la clasificación?"
56+
},
57+
"learnMore": "Más información",
58+
"position": {
59+
"action": "Crear una posición",
60+
"subtitle": "Infórmese sobre las posiciones y cómo proporcionar liquidez para obtener recompensas en GnoSwap.",
61+
"title": "¿Qué es un puesto?"
62+
},
63+
"staking": {
64+
"action": "Fijar una posición",
65+
"subtitle": "Aprenda a apostar y cómo apostar su posición para maximizar las recompensas en GnoSwap.",
66+
"title": "¿Cómo funcionan las apuestas?"
67+
}
68+
},
4169
"imporNote": "Nota importante",
4270
"learnMore": "Más información",
4371
"localTimeComp": {

‎packages/web/public/locales/fr/common.json‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,34 @@
3939
"count_one": "1 jour",
4040
"today": "Aujourd'hui"
4141
},
42+
"guide": {
43+
"governance": {
44+
"action": "Délégué GNS",
45+
"subtitle": "Découvrez la gouvernance de GnoSwap et comment obtenir xGNS pour gagner une partie des frais de protocole sur GnoSwap.",
46+
"title": "Comment fonctionne la gouvernance GnoSwap ?"
47+
},
48+
"launchpad": {
49+
"action": "Participez maintenant",
50+
"subtitle": "Découvrez le Launchpad de GnoSwap et comment participer au lancement d'un jeton de projet sur GnoSwap.",
51+
"title": "Comment participer au Launchpad de GnoSwap ?"
52+
},
53+
"leaderboard": {
54+
"action": "Explorer maintenant",
55+
"subtitle": "Découvrez le tableau des leaders de GnoSwap et comment vous classer pour obtenir des récompenses potentielles sur GnoSwap.",
56+
"title": "Quel est le classement ?"
57+
},
58+
"learnMore": "En savoir plus",
59+
"position": {
60+
"action": "Créer un poste",
61+
"subtitle": "Découvrez les positions et comment fournir de la liquidité pour obtenir des récompenses sur GnoSwap.",
62+
"title": "Qu'est-ce qu'un poste ?"
63+
},
64+
"staking": {
65+
"action": "Prendre position",
66+
"subtitle": "Apprenez ce qu'est le staking et comment miser votre position pour maximiser vos gains sur GnoSwap.",
67+
"title": "Comment fonctionne la mise en jeu ?"
68+
}
69+
},
4270
"imporNote": "Note importante",
4371
"learnMore": "En savoir plus",
4472
"localTimeComp": {

‎packages/web/public/locales/ja/common.json‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,34 @@
3737
"count_other": "{{count}} 日",
3838
"today": "今日"
3939
},
40+
"guide": {
41+
"governance": {
42+
"action": "GNS代表",
43+
"subtitle": "GnoSwapガバナンスと、GnoSwapのプロトコル手数料の一部を得るためのxGNSの取得方法について説明します。",
44+
"title": "GnoSwapガバナンスはどのように機能するのか？"
45+
},
46+
"launchpad": {
47+
"action": "今すぐ参加する",
48+
"subtitle": "GnoSwap Launchpadについて、またGnoSwapで立ち上げられるプロジェクト・トークンへの参加方法についてご紹介します。",
49+
"title": "GnoSwap Launchpadに参加するには？"
50+
},
51+
"leaderboard": {
52+
"action": "今を探る",
53+
"subtitle": "GnoSwapリーダーボードと、GnoSwapで報酬を獲得するためのランクアップ方法についてご紹介します。",
54+
"title": "リーダーボードとは？"
55+
},
56+
"learnMore": "さらに詳しく",
57+
"position": {
58+
"action": "ポジションの作成",
59+
"subtitle": "GnoSwapで報酬を得るためのポジションと流動性の提供方法についてご覧ください。",
60+
"title": "ポジションとは？"
61+
},
62+
"staking": {
63+
"action": "ポジションを築く",
64+
"subtitle": "GnoSwapで報酬を最大化するためのステーキングとポジションのステーキング方法について学びましょう。",
65+
"title": "ステーキングの仕組み"
66+
}
67+
},
4068
"imporNote": "重要なお知らせ",
4169
"learnMore": "さらに詳しく",
4270
"localTimeComp": {

‎packages/web/public/locales/ko/common.json‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,34 @@
3737
"count_other": "{{count}}일",
3838
"today": "오늘"
3939
},
40+
"guide": {
41+
"governance": {
42+
"action": "GNS 위임",
43+
"subtitle": "GnoSwap 거버넌스에 대해 알아보고 노스왑에서 프로토콜 수수료의 일부를 받기 위해 xGNS를 얻는 방법을 알아보세요.",
44+
"title": "GnoSwap 거버넌스는 어떻게 작동하나요?"
45+
},
46+
"launchpad": {
47+
"action": "지금 참여하기",
48+
"subtitle": "GnoSwap 런치패드와 노스왑에서 프로젝트 토큰 런칭에 참여하는 방법에 대해 알아보세요.",
49+
"title": "GnoSwap 런치패드에 어떻게 참여하나요?"
50+
},
51+
"leaderboard": {
52+
"action": "지금 살펴보기",
53+
"subtitle": "GnoSwap 순위표와 노스왑에서 잠재적인 보상을 받기 위해 순위를 올리는 방법에 대해 알아보세요.",
54+
"title": "순위표란 무엇인가요?"
55+
},
56+
"learnMore": "자세히 알아보기",
57+
"position": {
58+
"action": "포지션 만들기",
59+
"subtitle": "포지션에 대해 알아보고 GnoSwap에서 보상을 받기 위해 유동성을 제공하는 방법을 알아보세요.",
60+
"title": "포지션이란 무엇인가요?"
61+
},
62+
"staking": {
63+
"action": "포지션 스테이킹",
64+
"subtitle": "스테이킹에 대해 알아보고 GnoSwap에서 보상을 최대화하기 위해 포지션을 스테이킹하는 방법을 알아보세요.",
65+
"title": "스테이킹은 어떻게 작동하나요?"
66+
}
67+
},
4068
"imporNote": "중요 참고 사항",
4169
"learnMore": "자세히 알아보기",
4270
"localTimeComp": {

‎packages/web/public/locales/ru/common.json‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,34 @@
4040
"count_other": "{{count}} дней",
4141
"today": "Сегодня"
4242
},
43+
"guide": {
44+
"governance": {
45+
"action": "Делегат GNS",
46+
"subtitle": "Узнайте об управлении GnoSwap и о том, как получить xGNS, чтобы получать часть комиссионных за протокол на GnoSwap.",
47+
"title": "Как работает управление GnoSwap?"
48+
},
49+
"launchpad": {
50+
"action": "Участвуйте сейчас",
51+
"subtitle": "Узнайте о GnoSwap Launchpad и о том, как принять участие в запуске токена проекта на GnoSwap.",
52+
"title": "Как принять участие в GnoSwap Launchpad?"
53+
},
54+
"leaderboard": {
55+
"action": "Исследуйте сейчас",
56+
"subtitle": "Узнайте о таблице лидеров GnoSwap и о том, как подняться в рейтинге, чтобы получить потенциальные награды на GnoSwap.",
57+
"title": "Что такое таблица лидеров?"
58+
},
59+
"learnMore": "Узнать больше",
60+
"position": {
61+
"action": "Создать должность",
62+
"subtitle": "Узнайте о позициях и о том, как обеспечить ликвидность для получения вознаграждения на GnoSwap.",
63+
"title": "Что такое позиция?"
64+
},
65+
"staking": {
66+
"action": "Занять позицию",
67+
"subtitle": "Узнайте о ставках и о том, как делать ставки, чтобы максимизировать вознаграждение на GnoSwap.",
68+
"title": "Как работает ставка?"
69+
}
70+
},
4371
"imporNote": "Важное замечание",
4472
"learnMore": "Узнать больше",
4573
"localTimeComp": {

‎packages/web/public/locales/zh/common.json‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,34 @@
3737
"count_other": "{{count}} 天数",
3838
"today": "今天"
3939
},
40+
"guide": {
41+
"governance": {
42+
"action": "代表 GNS",
43+
"subtitle": "了解 GnoSwap 治理以及如何获取 xGNS 以赚取 GnoSwap 上的部分协议费。",
44+
"title": "GnoSwap 治理如何运作？"
45+
},
46+
"launchpad": {
47+
"action": "立即参与",
48+
"subtitle": "了解 GnoSwap Launchpad 以及如何参与在 GnoSwap 上发布项目令牌。",
49+
"title": "如何参加 GnoSwap Launchpad？"
50+
},
51+
"leaderboard": {
52+
"action": "立即探索",
53+
"subtitle": "了解 GnoSwap 排行榜以及如何在 GnoSwap 上提升排名以获得潜在奖励。",
54+
"title": "什么是排行榜？"
55+
},
56+
"learnMore": "了解更多",
57+
"position": {
58+
"action": "创建职位",
59+
"subtitle": "了解仓位信息以及如何在 GnoSwap 上提供流动性以赚取奖励。",
60+
"title": "什么是职位？"
61+
},
62+
"staking": {
63+
"action": "定位",
64+
"subtitle": "了解如何在 GnoSwap 上下注以及如何下注以获得最大回报。",
65+
"title": "投注如何进行？"
66+
}
67+
},
4068
"imporNote": "重要说明",
4169
"learnMore": "了解更多",
4270
"localTimeComp": {

‎packages/web/src/components/common/header/wallet-connector-button/wallet-connector-menu/WalletConnectorMenu.styles.ts‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -164,7 +164,6 @@ export const CopyTooltip = styled.div`
164164
z-index: ${Z_INDEX.modalTooltip};
165165
.box {
166166
${mixins.flexbox("column", "flex-start", "flex-start")};
167-
width: 84px;
168167
padding: 16px;
169168
gap: 8px;
170169
flex-shrink: 0;

‎packages/web/src/components/common/icons/IconLearnMoreLink.tsx‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
const IconLearnMoreLink = ({ className }: { className?: string }) => {
2+
return (
3+
<svg
4+
className={className}
5+
xmlns="http://www.w3.org/2000/svg"
6+
width="21"
7+
height="21"
8+
viewBox="0 0 21 21"
9+
fill="none"
10+
>
11+
<path
12+
d="M10.666 3V4.66699H4.83301V16.333H16.499V10.5H18.166V16.333C18.166 17.2497 17.4157 18 16.499 18H4.83301C3.90801 18 3.16602 17.2497 3.16602 16.333V4.66699C3.16602 3.75033 3.90801 3 4.83301 3H10.666ZM18.3662 3V8.83301H16.6992V5.8418L8.50781 14.0332L7.33301 12.8584L15.5244 4.66699H12.5322V3H18.3662Z"
13+
fill="white"
14+
/>
15+
</svg>
16+
);
17+
};
18+
19+
export default IconLearnMoreLink;

0 commit comments

Comments
 (0)