From fbe60c8d6e91b76cc1dc7f8465e8b9859d3f48d3 Mon Sep 17 00:00:00 2001
From: kAy <kmaharjan4@atlassian.com>
Date: Fri, 27 Oct 2023 14:00:16 +1100
Subject: [PATCH] ARC-2560 - Indicate the expiry date of the deferred link
 (#2520)

* - Adding a expire link info

* - Updated UI
---
 spa/src/components/Error/KnownErrors/index.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/spa/src/components/Error/KnownErrors/index.tsx b/spa/src/components/Error/KnownErrors/index.tsx
index f5d00046b..e45eed663 100644
--- a/spa/src/components/Error/KnownErrors/index.tsx
+++ b/spa/src/components/Error/KnownErrors/index.tsx
@@ -17,6 +17,7 @@ import Modal, {
 import TextArea from "@atlaskit/textarea";
 import Spinner from "@atlaskit/spinner";
 import Button from "@atlaskit/button";
+import WarningIcon from "@atlaskit/icon/glyph/warning";
 
 const olStyle = css`
 	padding-left: 1.2em;
@@ -35,6 +36,11 @@ const linkStyle = css`
 const textAreaStyle = css`
 	margin-top: 20px;
 `;
+const expireTextWrapperStyle = css`
+	display: flex;
+	align-items: center;
+	margin-top: ${token("space.100")};
+`;
 
 /************************************************************************
  * UI view for the 3 known errors
@@ -137,6 +143,10 @@ export const ErrorForNonAdmins = ({ orgName, adminOrgsUrl, onPopupBlocked, defer
 											Find an organization owner
 										</a>
 									</div>
+									<div css={expireTextWrapperStyle}>
+										<WarningIcon label="warning" primaryColor={token("color.background.warning.bold")} />
+										<b>Note that the following link will expire after 2 days.</b>
+									</div>
 									<TextArea
 										onCopy={() => {
 											analyticsClient.sendUIEvent({ actionSubject: "copiedDeferredInstallationUrl", action: "clicked"}, { type: "cloud" });