From 448f383ec9333ad793dbde6a1459e27d3de1c07e Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Fri, 31 Mar 2023 03:21:37 +0530
Subject: [PATCH] chore: cycle sidebar content updated (#639)

---
 apps/app/components/cycles/sidebar.tsx | 6 ++++--
 apps/app/pages/_error.js               | 4 +++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/apps/app/components/cycles/sidebar.tsx b/apps/app/components/cycles/sidebar.tsx
index 6925a10ac..dd308680b 100644
--- a/apps/app/components/cycles/sidebar.tsx
+++ b/apps/app/components/cycles/sidebar.tsx
@@ -377,7 +377,9 @@ export const CycleDetailsSidebar: React.FC<Props> = ({
                         <div className="flex items-center gap-1">
                           <ExclamationIcon height={14} width={14} />
                           <span className="text-xs italic text-gray-500">
-                            Invalid date. Please enter valid date.
+                            {cycleStatus === "upcoming"
+                              ? "Cycle is yet to start."
+                              : "Invalid date. Please enter valid date."}
                           </span>
                         </div>
                       )}
@@ -433,7 +435,7 @@ export const CycleDetailsSidebar: React.FC<Props> = ({
                   <div
                     className={`relative  flex  h-full w-full flex-col ${open ? "" : "flex-row"}`}
                   >
-                    <div className="flex w-full items-center justify-between gap-2    ">
+                    <div className="flex w-full items-center justify-between gap-2">
                       <div className="flex items-center justify-start gap-2 text-sm">
                         <span className="font-medium text-gray-500">Other Information</span>
                       </div>
diff --git a/apps/app/pages/_error.js b/apps/app/pages/_error.js
index 8dc767e56..bef260a7e 100644
--- a/apps/app/pages/_error.js
+++ b/apps/app/pages/_error.js
@@ -78,7 +78,9 @@ const CustomErrorComponent = () => {
             </p>
           </div>
           <div className="flex items-center gap-2 justify-center">
-            <PrimaryButton size="md">Go back</PrimaryButton>
+            <PrimaryButton size="md" onClick={() => router.back()}>
+              Go back
+            </PrimaryButton>
             <SecondaryButton size="md" onClick={handleSignOut}>
               Sign out
             </SecondaryButton>