chore: app version display

src/libraries/Window.res

@@ -244,6 +244,11 @@ external fcWidget: 'a = "fcWidget"
 type boundingClient = {x: int, y: int, width: int, height: int}
 @send external getBoundingClientRect: Dom.element => boundingClient = "getBoundingClientRect"
 
-type env = {apiBaseUrl?: string, sdkBaseUrl?: string, mixpanelToken?: string}
+type env = {
+  apiBaseUrl?: string,
+  sdkBaseUrl?: string,
+  mixpanelToken?: string,
+  versionNumber?: string,
+}
 @val @scope("window")
 external env: env = "_env_"

src/screens/Sidebar/Sidebar.res

@@ -701,6 +701,10 @@ let make = (
                           text="Profile"
                         />
                         <MenuOption onClick={handleLogout} text="Sign out" />
+                        <span
+                          className="px-4 py-3 flex text-sm w-full text-offset_white bg-popover-background">
+                          {`App v. ${HSwitchGlobalVars.hyperSwitchAppVersion}`->React.string}
+                        </span>
                       </div>
                     }}
                   </Popover.Panel>

src/utils/HSwitchGlobalVars.res

@@ -1,5 +1,7 @@
 @val external appVersion: string = "appVersion"
 
+let hyperSwitchAppVersion = Window.env.versionNumber->Option.getOr("2024.04.10.0")
+
 let mixpanelToken = Window.env.mixpanelToken->Option.getOr("mixpanel-token")
 
 type hostType = Live | Sandbox | Local | Netlify