From 3dfb2b357f0a9631140d7fc49a9f45a6e41db7f4 Mon Sep 17 00:00:00 2001
From: NguyenTranHoangSym <nguyen.tranhoang@symphony.com>
Date: Wed, 15 Mar 2023 14:47:29 +0700
Subject: [PATCH] SDA-4099: Update welcome screen

---
 spec/__snapshots__/welcome.spec.ts.snap |  5 -----
 src/renderer/components/welcome.tsx     | 12 +-----------
 src/renderer/styles/welcome.less        |  8 +++++++-
 3 files changed, 8 insertions(+), 17 deletions(-)

diff --git a/spec/__snapshots__/welcome.spec.ts.snap b/spec/__snapshots__/welcome.spec.ts.snap
index 6f58e74d..f7b6c0fd 100644
--- a/spec/__snapshots__/welcome.spec.ts.snap
+++ b/spec/__snapshots__/welcome.spec.ts.snap
@@ -4,11 +4,6 @@ exports[`welcome should render correctly 1`] = `
 <div
   className="Welcome"
   lang="en-US"
-  style={
-    Object {
-      "height": "494px",
-    }
-  }
 >
   <div
     className="Welcome-content"
diff --git a/src/renderer/components/welcome.tsx b/src/renderer/components/welcome.tsx
index 2c237b4a..33e3b1f8 100644
--- a/src/renderer/components/welcome.tsx
+++ b/src/renderer/components/welcome.tsx
@@ -14,8 +14,6 @@ interface IState {
 
 const WELCOME_NAMESPACE = 'Welcome';
 const DEFAULT_MESSAGE = 'Find your pod URL in your invitation email.';
-const HEIGHT_WITH_POD_INPUT = '494px';
-const HEIGHT_WITHOUT_POD_INPUT = '376px';
 const DEFAULT_POD_URL = 'https://[POD].symphony.com';
 
 export default class Welcome extends React.Component<{}, IState> {
@@ -42,15 +40,7 @@ export default class Welcome extends React.Component<{}, IState> {
   public render(): JSX.Element {
     const { url, message, isPodConfigured } = this.state;
     return (
-      <div
-        className='Welcome'
-        style={{
-          height: isPodConfigured
-            ? HEIGHT_WITHOUT_POD_INPUT
-            : HEIGHT_WITH_POD_INPUT,
-        }}
-        lang={i18n.getLocale()}
-      >
+      <div className='Welcome' lang={i18n.getLocale()}>
         <div className='Welcome-content'>
           <div className='Welcome-image-container'>
             {this.getWelcomeImage()}
diff --git a/src/renderer/styles/welcome.less b/src/renderer/styles/welcome.less
index 56f96552..b6bed5c2 100644
--- a/src/renderer/styles/welcome.less
+++ b/src/renderer/styles/welcome.less
@@ -40,9 +40,15 @@ body {
   }
 }
 
+.Welcome-content {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+}
+
 .Welcome {
+  height: auto;
   width: 360px;
-  height: 494px;
   display: flex;
   flex-direction: column;
   font-family: @font-family;