From 41755c8c909849af4190f615a430d93925cce92e Mon Sep 17 00:00:00 2001 From: Peer Richelsen Date: Wed, 6 Apr 2022 14:26:08 +0200 Subject: [PATCH] fixed redirect banner for mobile (#2388) * improved redirect banner on success page * changed text for redirect input box * nit * Updates submodules * Update yarn.lock Co-authored-by: zomars --- apps/api | 2 +- apps/web/pages/success.tsx | 41 +-- apps/web/public/static/locales/en/common.json | 2 +- apps/website | 2 +- yarn.lock | 242 +++++++++--------- 5 files changed, 138 insertions(+), 151 deletions(-) diff --git a/apps/api b/apps/api index de8d7f64c3..a1dcfa59bc 160000 --- a/apps/api +++ b/apps/api @@ -1 +1 @@ -Subproject commit de8d7f64c38abb58b129443381b79c200da3190c +Subproject commit a1dcfa59bc43d3f71af62ae438f96a667e807913 diff --git a/apps/web/pages/success.tsx b/apps/web/pages/success.tsx index 0afba68a4e..9ba2e343b9 100644 --- a/apps/web/pages/success.tsx +++ b/apps/web/pages/success.tsx @@ -1,5 +1,5 @@ import { CheckIcon } from "@heroicons/react/outline"; -import { ClockIcon } from "@heroicons/react/solid"; +import { ClockIcon, XIcon } from "@heroicons/react/solid"; import dayjs from "dayjs"; import timezone from "dayjs/plugin/timezone"; import toArray from "dayjs/plugin/toArray"; @@ -85,13 +85,12 @@ function RedirectionToast({ url }: { url: string }) { return ( <> - {/* z-index just higher than Success Message Box */} -
-
-
+
+
+
-

+

Redirecting to {url} ... You are being redirected to {url} in {timeRemaining}{" "} @@ -104,8 +103,8 @@ function RedirectionToast({ url }: { url: string }) { onClick={() => { redirectToExternalUrl(urlWithSuccessParams); }} - className="flex items-center justify-center rounded-sm border border-transparent bg-white px-4 py-2 text-sm font-medium text-indigo-600 shadow-sm hover:bg-indigo-50"> - {t("Continue")} + className="flex w-full items-center justify-center rounded-sm border border-transparent bg-white px-4 py-2 text-sm font-medium text-green-600 shadow-sm hover:bg-green-50"> + {t("continue")}

@@ -115,20 +114,8 @@ function RedirectionToast({ url }: { url: string }) { setIsToastVisible(false); window.clearInterval(timerRef.current as number); }} - className="-mr-1 flex rounded-md p-2 hover:bg-indigo-500 focus:outline-none focus:ring-2 focus:ring-white"> - + className="-mr-1 flex rounded-md p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-white"> +
@@ -221,17 +208,17 @@ export default function Success(props: inferSSRProps) />
- {isSuccessRedirectAvailable(eventType) && eventType.successRedirectUrl ? ( - - ) : null}
+ {isSuccessRedirectAvailable(eventType) && eventType.successRedirectUrl ? ( + + ) : null}{" "}