if/SymphonyElectron
1
0
Fork 0
mirror of https://github.com/finos/SymphonyElectron.git synced 2025-02-25 18:55:29 -06:00
Code Issues Packages Projects Releases Wiki Activity

SDA-4099: Update welcome screen

Browse Source
This commit is contained in:
NguyenTranHoangSym 2023-03-15 14:47:29 +07:00 committed by Salah Benmoussati
parent 0761f1bf8c
commit 3dfb2b357f
3 changed files with 8 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
spec/__snapshots__/welcome.spec.ts.snap
View File

@ -4,11 +4,6 @@ exports[`welcome should render correctly 1`] = `
<div <div
className="Welcome" className="Welcome"
lang="en-US" lang="en-US"
style={
Object {
"height": "494px",
}
}
> >
<div <div
className="Welcome-content" className="Welcome-content"

12
src/renderer/components/welcome.tsx
View File

@ -14,8 +14,6 @@ interface IState {
const WELCOME_NAMESPACE = 'Welcome'; const WELCOME_NAMESPACE = 'Welcome';
const DEFAULT_MESSAGE = 'Find your pod URL in your invitation email.'; 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'; const DEFAULT_POD_URL = 'https://[POD].symphony.com';
export default class Welcome extends React.Component<{}, IState> { export default class Welcome extends React.Component<{}, IState> {
@ -42,15 +40,7 @@ export default class Welcome extends React.Component<{}, IState> {
public render(): JSX.Element { public render(): JSX.Element {
const { url, message, isPodConfigured } = this.state; const { url, message, isPodConfigured } = this.state;
return ( return (
<div <div className='Welcome' lang={i18n.getLocale()}>
className='Welcome'
style={{
height: isPodConfigured
? HEIGHT_WITHOUT_POD_INPUT
: HEIGHT_WITH_POD_INPUT,
}}
lang={i18n.getLocale()}
>
<div className='Welcome-content'> <div className='Welcome-content'>
<div className='Welcome-image-container'> <div className='Welcome-image-container'>
{this.getWelcomeImage()} {this.getWelcomeImage()}

8
src/renderer/styles/welcome.less
View File

@ -40,9 +40,15 @@ body {
} }
} }
.Welcome-content {
display: flex;
flex-direction: column;
flex: 1;
}
.Welcome { .Welcome {
height: auto;
width: 360px; width: 360px;
height: 494px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
font-family: @font-family; font-family: @font-family;