extension pop up ui bugs

package.json

@@ -1,7 +1,7 @@
 {
   "name": "xverse-web-extension",
   "description": "A Bitcoin wallet for Web3",
-  "version": "0.0.1",
+  "version": "0.1.0",
   "private": true,
   "dependencies": {
     "@secretkeylabs/xverse-core": "github:secretkeylabs/xverse-core",

src/app/screens/landing/index.tsx

@@ -46,6 +46,14 @@ const CreateButton = styled.button((props) => ({
   height: 44,
 }));
 
+const AppVersion = styled.p((props) => ({
+  ...props.theme.body_xs,
+  color: props.theme.colors.white['0'],
+  textAlign: 'right',
+  marginRight: props.theme.spacing(9),
+  marginTop: props.theme.spacing(8),
+}));
+
 const RestoreButton = styled.button((props) => ({
   display: 'flex',
   ...props.theme.body_xs,
@@ -94,6 +102,7 @@ function Landing(): JSX.Element {
   };
   return (
     <>
+      <AppVersion>Beta version</AppVersion>
       <TopSectionContainer>
         <img src={logo} width={100} alt="logo" />
         <LandingTitle>{t('SCREEN_TITLE')}</LandingTitle>

src/app/screens/login/index.tsx

@@ -125,7 +125,7 @@ function Login(): JSX.Element {
     try {
       await unlockWallet(password);
       setIsVerifying(false);
-      navigate('/');
+      navigate(-1);
     } catch (err) {
       setIsVerifying(false);
       setError(t('VERIFY_PASSWORD_ERROR'));
@@ -138,7 +138,7 @@ function Login(): JSX.Element {
 
   return (
     <ScreenContainer>
-      <AppVersion>{VERSION}</AppVersion>
+      <AppVersion>Beta version</AppVersion>
       <TopSectionContainer>
         <img src={logo} width={100} alt="logo" />
         <LandingTitle>{t('WELCOME_MESSAGE_FIRST_LOGIN')}</LandingTitle>

src/app/screens/settings/index.tsx

@@ -186,7 +186,7 @@ function Setting() {
           icon={ArrowSquareOut}
           showDivider
         />
-        <SettingComponent text={t('VERSION')} textDetail={VERSION} />
+        <SettingComponent text={`${t('VERSION')}`} textDetail={`${VERSION} (Beta)`} />
         <ResetWalletPrompt showResetWalletPrompt={showResetWalletPrompt} onResetWalletPromptClose={onResetWalletPromptClose} openResetWalletScreen={openResetWalletScreen} />
       </Container>
       <BottomBar tab="settings" />

src/background/legacy-external-message-handler.ts

@@ -83,8 +83,8 @@ function listenForOriginTabClose({ tabId }: ListenForOriginTabCloseArgs) {
 
 async function triggerRequstWindowOpen(path: RequestsRoutes, urlParams: URLSearchParams) {
   // if (IS_TEST_ENV) return openRequestInFullPage(path, urlParams);
-  console.log(`/options.html#${path}?${urlParams.toString()}`);
-  return popupCenter({ url: `/options.html#${path}?${urlParams.toString()}` });
+  console.log(`/popup.html#${path}?${urlParams.toString()}`);
+  return popupCenter({ url: `/popup.html#${path}?${urlParams.toString()}` });
 }
 
 export async function handleLegacyExternalMethodFormat(

src/background/popup-center.ts

@@ -8,7 +8,7 @@ interface PopupOptions {
   skipPopupFallback?: boolean;
 }
 export default function popupCenter(options: PopupOptions): Promise<Windows.Window> {
-  const { url, w = 400, h = 690 } = options;
+  const { url, w = 360, h = 600 } = options;
   return new Promise((resolve) => {
     chrome.windows.getCurrent(async (win) => {
       // the farthest left/top sides of all displays

src/pages/Popup/index.css

@@ -7,4 +7,8 @@ body {
 #app {
   width: 360px;
   height: 600px;
+}
+
+::-webkit-scrollbar {
+  display: none;
 }