diff --git a/src/components/LayerModal/LayerModal.css b/src/components/LayerModal/LayerModal.css
index be64786..3a8edf2 100644
--- a/src/components/LayerModal/LayerModal.css
+++ b/src/components/LayerModal/LayerModal.css
@@ -6,7 +6,7 @@ body {
.modal {
z-index: 9999;
width: 480px;
- height: 800px;
+ height: 700px;
position: absolute;
left: 50%;
top: 10%;
@@ -27,7 +27,7 @@ body {
}
.modal-iframe {
width: 480px;
- height: 800px;
+ height: 710px;
color: #fff;
background: #141724;
border-radius: 6px;
diff --git a/src/components/LayerModal/LayerModal.tsx b/src/components/LayerModal/LayerModal.tsx
index b85fc00..397531d 100644
--- a/src/components/LayerModal/LayerModal.tsx
+++ b/src/components/LayerModal/LayerModal.tsx
@@ -53,6 +53,10 @@ const LayerModal = ({
return `${start_account}...${end_account}`;
};
+ const params = {
+ bg: modalColor,
+ };
+
return (
{!iFrameOpen ? (
@@ -76,25 +80,20 @@ const LayerModal = ({
Average verification time: 5 minutes
-
-
-
+ Start verification
+
+
Powered by KYCENGINE
@@ -108,7 +107,7 @@ const LayerModal = ({
className="modal-iframe"
style={{ backgroundColor: modalColor }}
name="iframe_a"
- src="target.html"
+ src={`${WEBSITE}?${new URLSearchParams(params).toString()}`}
frameBorder="0"
>
diff --git a/src/utils/constants.ts b/src/utils/constants.ts
index 6a435c7..e7db475 100644
--- a/src/utils/constants.ts
+++ b/src/utils/constants.ts
@@ -1,8 +1,8 @@
export const MODAL_NOT_ALLOWED = {
- header: "Verification required",
+ header: 'Verification required',
title: `Get KYCed to use {Service}`,
description:
- "Your location does not allow access without successful verification. Verify yourself and your wallet now with our KYC partner KYCENGINE.",
+ 'Your location does not allow access without successful verification. Verify yourself and your wallet now with our KYC partner KYCENGINE.',
};
-export const WEBSITE = "https://kycd-ashboard.vercel.app/";
+export const WEBSITE = 'https://lively-sky-0a9d8bd1e.1.azurestaticapps.net';
diff --git a/stories/Modal.stories.tsx b/stories/Modal.stories.tsx
index ec2fd75..83d9fbb 100644
--- a/stories/Modal.stories.tsx
+++ b/stories/Modal.stories.tsx
@@ -9,9 +9,11 @@ export default {
const Template: ComponentStory = () => {
const accountVerified = '0xc9f200abB8a628af2ad821755F0119dAed0F5513';
- const accountNotVerified = '0xc9f200abB8a628af2ad821755F0119dAed0F5515';
+ const accountNotVerified = '0x76b9623D3C55c3cCFe294f53C8E78A892231404F';
- return ;
+ return (
+
+ );
};
export const ModalTemplate = Template.bind({});