rust/hyperswitch
1
0
Fork 0
mirror of https://github.com/juspay/hyperswitch.git synced 2025-10-31 10:06:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(payout_link): update fonts and UI for payout link (#5678)

Browse Source 
Co-authored-by: hyperswitch-bot[bot] <148525504+hyperswitch-bot[bot]@users.noreply.github.com>
This commit is contained in:
Kashif
2024-08-29 12:33:44 +05:30
committed by GitHub
parent be4419865f
commit a6cb6c6e68
7 changed files with 12 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
crates/router/src/core/generic_link/payout_link/initiate/index.html
View File

@ -6,9 +6,9 @@
<title>{{ i18n_payout_link_title }}</title> <title>{{ i18n_payout_link_title }}</title>
</head> </head>
{{ css_style_tag }} {{ css_style_tag }}
<body> <body class="hide-scrollbar">
<div class="main"> <div class="main">
<div id="payout-link"></div> <div id="payout-link" class="hide-scrollbar"></div>
</div> </div>
{{ js_script_tag }} {{ hyper_sdk_loader_script_tag }} {{ js_script_tag }} {{ hyper_sdk_loader_script_tag }}
</body> </body>

2
crates/router/src/core/generic_link/payout_link/initiate/script.js
View File

@ -136,7 +136,7 @@ if (!isTestMode && !isFramed) {
var appearance = { var appearance = {
variables: { variables: {
colorPrimary: payoutDetails?.theme?.primary_color || "rgb(0, 109, 249)", colorPrimary: payoutDetails?.theme?.primary_color || "rgb(0, 109, 249)",
fontFamily: "Work Sans, sans-serif", fontFamily: "ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
fontSizeBase: "16px", fontSizeBase: "16px",
colorText: "rgb(51, 65, 85)", colorText: "rgb(51, 65, 85)",
}, },

5
crates/router/src/core/generic_link/payout_link/initiate/styles.css
View File

@ -5,6 +5,8 @@ body {
} }
body { body {
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
display: flex; display: flex;
flex-flow: column; flex-flow: column;
align-items: center; align-items: center;
@ -26,7 +28,8 @@ body {
scrollbar-width: none; scrollbar-width: none;
} }
.main, #payout-link { .main,
#payout-link {
height: 100vh; height: 100vh;
width: 100%; width: 100%;
} }

2
crates/router/src/core/generic_link/payout_link/status/index.html
View File

@ -6,7 +6,7 @@
<title>{{ i18n_payout_link_status_title }}</title> <title>{{ i18n_payout_link_status_title }}</title>
{{ css_style_tag }} {{ css_style_tag }}
</head> </head>
<body> <body class="hide-scrollbar">
<div class="main"> <div class="main">
<div id="status-card"> <div id="status-card">
<div id="merchant-header"></div> <div id="merchant-header"></div>

2
crates/router/src/core/generic_link/payout_link/status/script.js
View File

@ -167,7 +167,7 @@ function redirectToEndUrl(returnUrl) {
? "{{i18n_redirecting_text}}" ? "{{i18n_redirecting_text}}"
: "{{i18n_redirecting_in_text}} " + : "{{i18n_redirecting_in_text}} " +
secondsLeft + secondsLeft +
" {{i18n_seconds_text}} ..."; " {{i18n_seconds_text}}";
if (statusRedirectTextNode instanceof HTMLDivElement) { if (statusRedirectTextNode instanceof HTMLDivElement) {
statusRedirectTextNode.innerText = innerText; statusRedirectTextNode.innerText = innerText;
} }

2
crates/router/src/core/generic_link/payout_link/status/styles.css
View File

@ -57,7 +57,7 @@ body {
font-size: 25px; font-size: 25px;
} }
#merchant-header > img { #merchant-header > img {
height: 30px; height: 48px;
} }
#status-image { #status-image {

4
crates/router/src/services/api/generic_link_response/context.rs
View File

@ -41,8 +41,8 @@ pub fn insert_locales_in_context_for_payout_link_status(context: &mut Context, l
let i18n_payout_link_status_title = t!("payout_link.status.title", locale = locale); let i18n_payout_link_status_title = t!("payout_link.status.title", locale = locale);
let i18n_success_text = t!("payout_link.status.text.success", locale = locale); let i18n_success_text = t!("payout_link.status.text.success", locale = locale);
let i18n_success_message = t!("payout_link.status.message.success", locale = locale); let i18n_success_message = t!("payout_link.status.message.success", locale = locale);
let i18n_pending_text = t!("payout_link.status.text.pending", locale = locale); let i18n_pending_text = t!("payout_link.status.text.processing", locale = locale);
let i18n_pending_message = t!("payout_link.status.message.pending", locale = locale); let i18n_pending_message = t!("payout_link.status.message.processing", locale = locale);
let i18n_failed_text = t!("payout_link.status.text.failed", locale = locale); let i18n_failed_text = t!("payout_link.status.text.failed", locale = locale);
let i18n_failed_message = t!("payout_link.status.message.failed", locale = locale); let i18n_failed_message = t!("payout_link.status.message.failed", locale = locale);
let i18n_ref_id_text = t!("payout_link.status.info.ref_id", locale = locale); let i18n_ref_id_text = t!("payout_link.status.info.ref_id", locale = locale);