From a74820d75dce3f464a417840f5fbc66e6692c4ae Mon Sep 17 00:00:00 2001
From: Jagoda Berry Rybacka <jagoda.rybacka@tally.cash>
Date: Mon, 11 Dec 2023 13:47:27 +0100
Subject: [PATCH 1/2] Add feature flags for end of beta features

---
 .env.defaults | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/.env.defaults b/.env.defaults
index 6620eb475..70e56de9a 100644
--- a/.env.defaults
+++ b/.env.defaults
@@ -21,11 +21,14 @@ ALLOW_TENDERLY_RESET="false"
 # Analytics
 ANALYTICS_ENV=DEV
 POSTHOG_API_KEY=
+# Lifecycle
+IS_COMING_SOON="true"
+IS_BETA_CLOSED="false"
+IS_PORTAL_CLOSED="false"
 # Misc
 XP_HOSTING_BASE_URL="" # TBD
 SEASON_LENGTH_IN_WEEKS=8
 CONTRACT_DEPLOYMENT_BLOCK_NUMBER=553443
 SEASON_START_DATE="2023-10-26"
 SKIP_REACT_STRICT_MODE="false"
-IS_COMING_SOON="true"
-SHOW_WAITLIST="true"
\ No newline at end of file
+SHOW_WAITLIST="true"

From 968355f7b474485fa020bcaf5b1cad7d683f5932 Mon Sep 17 00:00:00 2001
From: Jagoda Berry Rybacka <jagoda.rybacka@tally.cash>
Date: Mon, 11 Dec 2023 13:47:40 +0100
Subject: [PATCH 2/2] Adjust UI for end of beta period

---
 src/shared/constants/game.ts                  |  3 ++-
 .../RealmDetailsPanel/RealmDetailsContent.tsx | 21 ++++++++++++-----
 .../RealmDetailsPanel/RealmDetailsHeader.tsx  |  9 ++++++--
 .../RealmDetailsPanel/RealmDetailsRewards.tsx | 10 +++++++-
 .../Island/RealmPanel/RealmPanelCountdown.tsx | 23 ++++++++++++-------
 src/ui/Island/Staking/StakeForm.tsx           |  1 +
 6 files changed, 49 insertions(+), 18 deletions(-)

diff --git a/src/shared/constants/game.ts b/src/shared/constants/game.ts
index 70877c573..8ef49149e 100644
--- a/src/shared/constants/game.ts
+++ b/src/shared/constants/game.ts
@@ -1,4 +1,5 @@
-export const WEEKLY_XP_ALLOCATION = 1_000_000
+export const WEEKLY_XP_ALLOCATION =
+  process.env.IS_BETA_CLOSED === "true" ? 0 : 1_000_000
 export const WEEKLY_XP_BOOST = 1.2
 export const MOBILE_BREAKPOINT = 854
 export const TABLET_BREAKPOINT = 1152
diff --git a/src/ui/Island/RealmPanel/RealmDetailsPanel/RealmDetailsContent.tsx b/src/ui/Island/RealmPanel/RealmDetailsPanel/RealmDetailsContent.tsx
index 81b6dc6fa..d318c45be 100644
--- a/src/ui/Island/RealmPanel/RealmDetailsPanel/RealmDetailsContent.tsx
+++ b/src/ui/Island/RealmPanel/RealmDetailsPanel/RealmDetailsContent.tsx
@@ -31,13 +31,22 @@ export default function RealmDetailsContent({
   return (
     <Panel.Section>
       <RealmDetailsHeader realmId={realmId} realm={realm} />
-      <RealmDetailsChallenges challenges={realm?.challenges} />
+      {process.env.IS_BETA_CLOSED === "true" || (
+        <RealmDetailsChallenges challenges={realm?.challenges} />
+      )}
       <RealmDetailsRewards realmId={realmId} />
-      <RealmDetailsJoin
-        stakingRealmId={stakingRealmId}
-        triggerStakeSectionOpen={triggerStakeSectionOpen}
-      />
-      <RealmDetailsStaked stakingRealmId={stakingRealmId} realmId={realmId} />
+      {process.env.IS_BETA_CLOSED === "true" || (
+        <>
+          <RealmDetailsJoin
+            stakingRealmId={stakingRealmId}
+            triggerStakeSectionOpen={triggerStakeSectionOpen}
+          />
+          <RealmDetailsStaked
+            stakingRealmId={stakingRealmId}
+            realmId={realmId}
+          />
+        </>
+      )}
     </Panel.Section>
   )
 }
diff --git a/src/ui/Island/RealmPanel/RealmDetailsPanel/RealmDetailsHeader.tsx b/src/ui/Island/RealmPanel/RealmDetailsPanel/RealmDetailsHeader.tsx
index 873b26580..82f97e1be 100644
--- a/src/ui/Island/RealmPanel/RealmDetailsPanel/RealmDetailsHeader.tsx
+++ b/src/ui/Island/RealmPanel/RealmDetailsPanel/RealmDetailsHeader.tsx
@@ -31,7 +31,9 @@ export default function RealmDetailsHeader({
         <h1 className="realm_header" style={{ color }}>
           {realm?.name} Realm
         </h1>
-        <RealmDetailsSection alwaysHasBorder>
+        <RealmDetailsSection
+          alwaysHasBorder={process.env.IS_BETA_CLOSED !== "true"}
+        >
           <div className="labels row">
             <div className="column">
               <span className="label row_center">
@@ -49,7 +51,10 @@ export default function RealmDetailsHeader({
             </div>
             <div className="column">
               <span className="label">This weeks reward pool</span>
-              <div className="row_center" style={{ gap: 10 }}>
+              <div
+                className="row_center"
+                style={{ gap: 10, justifyContent: "end" }}
+              >
                 <RealmIcon
                   type="circle"
                   realmId={realmId}
diff --git a/src/ui/Island/RealmPanel/RealmDetailsPanel/RealmDetailsRewards.tsx b/src/ui/Island/RealmPanel/RealmDetailsPanel/RealmDetailsRewards.tsx
index 83b9bc5f5..692aeea2c 100644
--- a/src/ui/Island/RealmPanel/RealmDetailsPanel/RealmDetailsRewards.tsx
+++ b/src/ui/Island/RealmPanel/RealmDetailsPanel/RealmDetailsRewards.tsx
@@ -14,6 +14,7 @@ import { LINKS } from "shared/constants"
 import { bigIntToDisplayUserAmount } from "shared/utils"
 import ClaimCongratulations from "ui/Claim/modals/ClaimCongratulations"
 import XpClaimModal from "ui/Island/Modals/XpClaimModal"
+import RealmDetailsChallengeInfo from "./RealmDetailsChallengeInfo"
 
 function RealmDetailsRewards({
   amount,
@@ -97,6 +98,13 @@ function RealmDetailsRewards({
         >
           Claim XP
         </Button>
+        {process.env.IS_BETA_CLOSED === "true" && (
+          <div style={{ marginTop: "10px" }}>
+            <RealmDetailsChallengeInfo>
+              Claiming will be live till Dec 18 2023
+            </RealmDetailsChallengeInfo>
+          </div>
+        )}
       </div>
       <XpClaimModal
         isOpen={isClaimTransactionModalOpen}
@@ -122,7 +130,7 @@ function RealmDetailsRewards({
             background-color: var(--primary-p1-40);
             justify-content: space-between;
             align-items: center;
-            gap: 24px;
+            flex-wrap: wrap;
           }
           .xp_banner {
             gap: 8px;
diff --git a/src/ui/Island/RealmPanel/RealmPanelCountdown.tsx b/src/ui/Island/RealmPanel/RealmPanelCountdown.tsx
index 69d136326..167ff191c 100644
--- a/src/ui/Island/RealmPanel/RealmPanelCountdown.tsx
+++ b/src/ui/Island/RealmPanel/RealmPanelCountdown.tsx
@@ -23,13 +23,15 @@ export default function RealmPanelCountdown() {
   return (
     <>
       <div className="countdown row">
-        <Icon
-          type="image"
-          src={xpBoostIcon}
-          width="125px"
-          height="64px"
-          style={{ marginTop: "10px" }}
-        />
+        {process.env.IS_BETA_CLOSED === "true" || (
+          <Icon
+            type="image"
+            src={xpBoostIcon}
+            width="125px"
+            height="64px"
+            style={{ marginTop: "10px" }}
+          />
+        )}
         <div className="column">
           <div className="week">
             Week {seasonWeek}{" "}
@@ -37,7 +39,12 @@ export default function RealmPanelCountdown() {
               / {seasonDuration}
             </span>
           </div>
-          <div className="time_remaining">{timeRemaining}</div>
+
+          <div className="time_remaining">
+            {process.env.IS_BETA_CLOSED === "true"
+              ? "Beta is over, claim xp till Dec 18 2023"
+              : timeRemaining}
+          </div>
         </div>
       </div>
       <style jsx>{`
diff --git a/src/ui/Island/Staking/StakeForm.tsx b/src/ui/Island/Staking/StakeForm.tsx
index 3874d78b3..0fb7dc174 100644
--- a/src/ui/Island/Staking/StakeForm.tsx
+++ b/src/ui/Island/Staking/StakeForm.tsx
@@ -133,6 +133,7 @@ export default function StakeForm({ isDisabled }: { isDisabled: boolean }) {
           buttonSize="medium"
           status={stakeTransactionStatus}
           disabled={
+            process.env.IS_BETA_CLOSED === "true" ||
             isDisabled ||
             !isStakeAmountValid ||
             !isValidInputAmount(stakeAmount)