rust/hyperswitch
1
0
Fork 0
mirror of https://github.com/juspay/hyperswitch.git synced 2025-10-29 17:19:15 +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>
</head>
{{ css_style_tag }}
<body>
<body class="hide-scrollbar">
<div class="main">
<div id="payout-link"></div>
<div id="payout-link" class="hide-scrollbar"></div>
</div>
{{ js_script_tag }} {{ hyper_sdk_loader_script_tag }}
</body>

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

@ -136,7 +136,7 @@ if (!isTestMode && !isFramed) {
var appearance = {
variables: {
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",
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 {
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
display: flex;
flex-flow: column;
align-items: center;
@ -26,7 +28,8 @@ body {
scrollbar-width: none;
}
.main, #payout-link {
.main,
#payout-link {
height: 100vh;
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>
{{ css_style_tag }}
</head>
<body>
<body class="hide-scrollbar">
<div class="main">
<div id="status-card">
<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_in_text}} " +
secondsLeft +
" {{i18n_seconds_text}} ...";
" {{i18n_seconds_text}}";
if (statusRedirectTextNode instanceof HTMLDivElement) {
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;
}
#merchant-header > img {
height: 30px;
height: 48px;
}
#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_success_text = t!("payout_link.status.text.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_message = t!("payout_link.status.message.pending", locale = locale);
let i18n_pending_text = t!("payout_link.status.text.processing", 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_message = t!("payout_link.status.message.failed", locale = locale);
let i18n_ref_id_text = t!("payout_link.status.info.ref_id", locale = locale);