From 3bdd01d556fba96fb6bc2ba6837ef53469ea42a4 Mon Sep 17 00:00:00 2001
From: Kiran Niranjan <kiran.niranjan@symphony.com>
Date: Mon, 13 Jan 2025 12:47:35 +0530
Subject: [PATCH] SDA-4730 - Update SDA login branding

---
 src/renderer/assets/welcome-symphony-logo.svg | 32 ++++++---
 src/renderer/components/welcome.tsx           | 70 ++-----------------
 src/renderer/styles/welcome.less              |  6 +-
 3 files changed, 33 insertions(+), 75 deletions(-)

diff --git a/src/renderer/assets/welcome-symphony-logo.svg b/src/renderer/assets/welcome-symphony-logo.svg
index d5a4b2a2c..24541f0ee 100644
--- a/src/renderer/assets/welcome-symphony-logo.svg
+++ b/src/renderer/assets/welcome-symphony-logo.svg
@@ -1,11 +1,23 @@
-<svg width="296" height="70" viewBox="0 0 296 70" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M44.0497 27.1163V18.546C44.0497 16.7907 43.1018 15.1409 41.5765 14.2407C39.2929 12.8926 34.3464 10.6321 26.8796 10.6321C19.4127 10.6321 14.4663 12.8926 12.1826 14.2407C10.6573 15.1409 9.70941 16.7907 9.70941 18.546V31.4166L36.8955 39.3004V45.034C36.8955 45.8102 36.409 46.3542 35.582 46.7584L26.8796 51.126L18.1321 46.7362C17.3501 46.3542 16.8636 45.8102 16.8636 45.034V40.7338L9.70941 38.5836V45.034C9.70941 48.5753 11.7369 51.5883 14.9563 53.1579L26.8796 59.3681L38.7585 53.1801C42.0222 51.5883 44.0497 48.5753 44.0497 45.034V34.2834L16.8636 26.3996V19.8554C18.806 18.9165 22.1177 17.7991 26.8796 17.7991C31.6414 17.7991 34.9531 18.9165 36.8955 19.8554V24.9662L44.0497 27.1163Z" fill="#008EFF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M79.6153 47.1841C75.3165 47.1841 71.6321 45.7833 68.3233 43.6982L70.3703 40.5877C73.6791 42.7072 76.7152 43.7326 80.1269 43.7326C84.1189 43.7326 85.9951 42.1941 85.9951 40.3832C85.9951 35.1886 69.1076 38.2981 69.1076 30.0275C69.1076 25.9949 73.1336 22.8167 79.6153 22.8167C83.9821 22.8167 87.7685 24.4574 89.9863 26.6782L87.4617 29.2764C85.5515 27.6013 82.6174 26.2682 79.5474 26.2682C75.7601 26.2682 73.2016 27.6357 73.2016 29.5832C73.2016 34.4022 90.1231 31.8393 90.1231 39.9733C90.1231 44.2792 85.7903 47.1841 79.6153 47.1841Z" fill="#F8F8F8"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M106.67 37.2388V46.3637H102.576V37.2044L92.3418 23.6025H97.1172L104.794 34.1283L112.061 23.6025H116.768L106.67 37.2388Z" fill="#F8F8F8"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M145.324 46.3637V28.5238L144.198 30.9501L136.146 46.3637H133.69L125.742 30.9501L124.616 28.5238V46.3637H120.692V23.6025H126.389L134.031 38.913L135.089 41.237L136.146 38.913L143.686 23.6025H149.315V46.3637H145.324Z" fill="#F8F8F8"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M171.582 30.3695C171.582 28.4899 170.32 27.089 167.216 27.089H159.676V34.4365H167.386C170.49 34.4365 171.582 32.9324 171.582 31.0871V30.3695ZM166.772 37.7859H159.676V46.3642H155.582V23.603H166.772C172.981 23.603 175.71 26.4048 175.71 30.3695V30.9849C175.71 34.9487 172.981 37.7859 166.772 37.7859Z" fill="#F8F8F8"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M198.016 46.3637V36.5555H184.335V46.3637H180.242V23.6025H184.335V33.2406H198.016V23.6025H202.11V46.3637H198.016Z" fill="#F8F8F8"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M226.83 33.5818C226.83 29.6858 224.135 26.3365 219.155 26.3365C214.173 26.3365 211.512 29.6858 211.512 33.5818V36.3501C211.512 40.246 214.173 43.6642 219.155 43.6642C224.135 43.6642 226.83 40.246 226.83 36.3501V33.5818ZM219.154 47.1837C211.853 47.1837 207.383 41.9891 207.383 36.419V33.5818C207.383 27.9085 211.853 22.8162 219.154 22.8162C226.488 22.8162 230.957 27.9085 230.957 33.5818V36.419C230.957 41.9891 226.488 47.1837 219.154 47.1837Z" fill="#F8F8F8"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M254.595 46.3637L241.87 31.9754L240.232 29.8569V46.3637H236.172V23.6025H239.959L252.275 38.0252L253.946 40.1438V23.6025H257.972V46.3637H254.595Z" fill="#F8F8F8"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M276.192 37.2388V46.3637H272.098V37.2044L261.864 23.6025H266.64L274.316 34.1283L281.583 23.6025H286.29L276.192 37.2388Z" fill="#F8F8F8"/>
+<svg width="270" height="33" viewBox="0 0 270 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M44.6813 23.4512C40.3287 23.4512 38.4984 21.2861 38.2751 18.2727H41.1323C41.3331 19.8799 41.9805 21.2191 44.6813 21.2191C46.4447 21.2191 47.6947 20.237 47.6947 18.7638C47.6947 17.2906 46.9581 16.7326 44.3688 16.3085C40.5519 15.7951 38.7439 14.6344 38.7439 11.6434C38.7439 9.03177 40.976 7.06751 44.3019 7.06751C47.7393 7.06751 49.7929 8.62999 50.1054 11.688H47.3822C47.092 10.0139 46.1322 9.29963 44.3019 9.29963C42.4938 9.29963 41.5564 10.1702 41.5564 11.3978C41.5564 12.6924 42.0921 13.3398 44.8599 13.7415C48.6098 14.2549 50.5518 15.3263 50.5518 18.5183C50.5518 21.2861 48.2081 23.4512 44.6813 23.4512Z" fill="white"/>
+<path d="M54.2794 27.2235L56.3999 22.045L51.7795 11.5541H54.7035L57.8062 19.0763L60.6633 11.5541H63.2972L56.9356 27.2235H54.2794Z" fill="white"/>
+<path d="M65.3225 23.228V11.5541H68.0233V13.3398C68.5814 12.246 69.8537 11.3085 71.5724 11.3085C73.0902 11.3085 74.2956 11.9558 74.8759 13.4067C75.7688 11.9558 77.3759 11.3085 78.8268 11.3085C80.9696 11.3085 82.7107 12.6255 82.7107 15.8397V23.228H80.0098V16.0183C80.0098 14.2996 79.2732 13.563 77.9339 13.563C76.5947 13.563 75.367 14.4558 75.367 16.2415V23.228H72.6661V16.0183C72.6661 14.2996 71.9072 13.563 70.5903 13.563C69.251 13.563 68.0233 14.4558 68.0233 16.2415V23.228H65.3225Z" fill="white"/>
+<path d="M85.8126 27.2235V11.5541H88.5135V13.429C89.1608 12.313 90.6117 11.3085 92.3304 11.3085C95.2545 11.3085 97.5089 13.4737 97.5089 17.246V17.4245C97.5089 21.1745 95.3437 23.4512 92.3304 23.4512C90.4777 23.4512 89.1385 22.5361 88.5135 21.3977V27.2235H85.8126ZM91.6607 21.3084C93.6473 21.3084 94.7411 19.9691 94.7411 17.4692V17.2906C94.7411 14.7014 93.4018 13.429 91.6384 13.429C89.7635 13.429 88.4242 14.7014 88.4242 17.2906V17.4692C88.4242 20.0808 89.6965 21.3084 91.6607 21.3084Z" fill="white"/>
+<path d="M99.9377 23.228V6.15234H102.639V13.4067C103.197 12.2683 104.491 11.3085 106.411 11.3085C108.755 11.3085 110.406 12.6701 110.406 15.8844V23.228H107.705V16.1299C107.705 14.3665 106.991 13.563 105.384 13.563C103.866 13.563 102.639 14.5005 102.639 16.3531V23.228H99.9377Z" fill="white"/>
+<path d="M118.741 21.3531C120.75 21.3531 121.955 19.8575 121.955 17.4692V17.3129C121.955 14.9022 120.75 13.429 118.741 13.429C116.732 13.429 115.504 14.8799 115.504 17.2906V17.4692C115.504 19.8575 116.687 21.3531 118.741 21.3531ZM118.719 23.4512C115.281 23.4512 112.737 21.0629 112.737 17.5138V17.3352C112.737 13.7192 115.304 11.3085 118.741 11.3085C122.156 11.3085 124.723 13.6969 124.723 17.2683V17.4469C124.723 21.0852 122.156 23.4512 118.719 23.4512Z" fill="white"/>
+<path d="M127.163 23.228V11.5541H129.864V13.4067C130.422 12.2683 131.717 11.3085 133.637 11.3085C135.98 11.3085 137.632 12.6701 137.632 15.8844V23.228H134.931V16.1299C134.931 14.3665 134.217 13.563 132.61 13.563C131.092 13.563 129.864 14.5005 129.864 16.3531V23.228H127.163Z" fill="white"/>
+<path d="M141.711 27.2235L143.832 22.045L139.211 11.5541H142.135L145.238 19.0763L148.095 11.5541H150.729L144.367 27.2235H141.711Z" fill="white"/>
+<path d="M158.296 23.228V7.2684H162.269L166.466 18.1611L170.573 7.2684H174.501V23.228H171.533V11.1746L166.778 23.228H165.818L160.975 11.1746V23.228H158.296Z" fill="white"/>
+<path d="M182.956 23.4512C179.518 23.4512 177.041 21.1968 177.041 17.5138V17.3352C177.041 13.7192 179.518 11.3085 182.844 11.3085C185.746 11.3085 188.358 13.0273 188.358 17.2013V17.9826H179.809C179.898 20.1924 181.014 21.4423 183.023 21.4423C184.652 21.4423 185.501 20.795 185.701 19.6566H188.313C187.934 22.112 185.947 23.4512 182.956 23.4512ZM179.853 16.1745H185.679C185.545 14.1656 184.518 13.2728 182.844 13.2728C181.215 13.2728 180.121 14.3665 179.853 16.1745Z" fill="white"/>
+<path d="M194.875 23.4512C191.861 23.4512 190.098 22.0673 189.986 19.5897H192.531C192.665 20.7727 193.267 21.4647 194.852 21.4647C196.303 21.4647 196.95 20.9513 196.95 19.9691C196.95 19.0093 196.169 18.6522 194.45 18.362C191.37 17.871 190.232 17.0004 190.232 14.813C190.232 12.4692 192.419 11.3085 194.607 11.3085C196.995 11.3085 198.892 12.2014 199.183 14.8353H196.683C196.459 13.7639 195.857 13.2728 194.607 13.2728C193.446 13.2728 192.754 13.8308 192.754 14.6567C192.754 15.5049 193.312 15.8397 195.165 16.1522C197.91 16.5763 199.54 17.246 199.54 19.7236C199.54 22.0897 197.866 23.4512 194.875 23.4512Z" fill="white"/>
+<path d="M205.904 23.4512C202.891 23.4512 201.128 22.0673 201.016 19.5897H203.561C203.695 20.7727 204.297 21.4647 205.882 21.4647C207.333 21.4647 207.98 20.9513 207.98 19.9691C207.98 19.0093 207.199 18.6522 205.48 18.362C202.4 17.871 201.262 17.0004 201.262 14.813C201.262 12.4692 203.449 11.3085 205.636 11.3085C208.025 11.3085 209.922 12.2014 210.212 14.8353H207.712C207.489 13.7639 206.886 13.2728 205.636 13.2728C204.476 13.2728 203.784 13.8308 203.784 14.6567C203.784 15.5049 204.342 15.8397 206.194 16.1522C208.94 16.5763 210.569 17.246 210.569 19.7236C210.569 22.0897 208.895 23.4512 205.904 23.4512Z" fill="white"/>
+<path d="M215.997 23.4512C213.854 23.4512 212.09 22.4245 212.09 19.9915C212.09 17.2683 214.724 16.2862 218.072 16.2862H219.523V15.6835C219.523 14.121 218.988 13.3398 217.403 13.3398C215.997 13.3398 215.305 14.0094 215.171 15.1701H212.559C212.782 12.4469 214.948 11.3085 217.559 11.3085C220.171 11.3085 222.224 12.3799 222.224 15.5719V23.228H219.568V21.7995C218.809 22.8039 217.782 23.4512 215.997 23.4512ZM216.644 21.5093C218.296 21.5093 219.523 20.6388 219.523 19.1433V17.9826H218.139C216.086 17.9826 214.769 18.4513 214.769 19.8799C214.769 20.862 215.305 21.5093 216.644 21.5093Z" fill="white"/>
+<path d="M230.298 27.5137C226.637 27.5137 224.985 25.8619 224.673 23.6298H227.396C227.619 24.7905 228.512 25.4602 230.275 25.4602C232.373 25.4602 233.534 24.4111 233.534 22.3129V20.5941C232.887 21.7102 231.436 22.7593 229.717 22.7593C226.793 22.7593 224.539 20.5718 224.539 17.2013V17.0451C224.539 13.7639 226.771 11.3085 229.784 11.3085C231.704 11.3085 232.864 12.1791 233.534 13.3398V11.5541H236.235V22.3575C236.213 25.795 233.914 27.5137 230.298 27.5137ZM230.387 20.6834C232.262 20.6834 233.623 19.3442 233.623 17.112V16.9558C233.623 14.746 232.418 13.429 230.476 13.429C228.467 13.429 227.306 14.8799 227.306 17.0004V17.179C227.306 19.3442 228.646 20.6834 230.387 20.6834Z" fill="white"/>
+<path d="M239.512 23.228V11.5541H242.213V23.228H239.512ZM240.829 9.63445C239.936 9.63445 239.222 8.96481 239.222 8.09429C239.222 7.20144 239.936 6.5318 240.829 6.5318C241.722 6.5318 242.436 7.20144 242.436 8.09429C242.436 8.96481 241.722 9.63445 240.829 9.63445Z" fill="white"/>
+<path d="M245.505 23.228V11.5541H248.206V13.4067C248.764 12.2683 250.058 11.3085 251.978 11.3085C254.322 11.3085 255.973 12.6701 255.973 15.8844V23.228H253.273V16.1299C253.273 14.3665 252.558 13.563 250.951 13.563C249.433 13.563 248.206 14.5005 248.206 16.3531V23.228H245.505Z" fill="white"/>
+<path d="M264.063 27.5137C260.402 27.5137 258.75 25.8619 258.438 23.6298H261.161C261.384 24.7905 262.277 25.4602 264.04 25.4602C266.139 25.4602 267.299 24.4111 267.299 22.3129V20.5941C266.652 21.7102 265.201 22.7593 263.482 22.7593C260.558 22.7593 258.304 20.5718 258.304 17.2013V17.0451C258.304 13.7639 260.536 11.3085 263.549 11.3085C265.469 11.3085 266.63 12.1791 267.299 13.3398V11.5541H270V22.3575C269.978 25.795 267.679 27.5137 264.063 27.5137ZM264.152 20.6834C266.027 20.6834 267.388 19.3442 267.388 17.112V16.9558C267.388 14.746 266.183 13.429 264.241 13.429C262.232 13.429 261.072 14.8799 261.072 17.0004V17.179C261.072 19.3442 262.411 20.6834 264.152 20.6834Z" fill="white"/>
+<path d="M23.8081 30.3887L31.7509 16.833L23.8081 3.27722L9.96756 3.27722V6.46681L21.9802 6.46681L28.0541 16.833L21.9802 27.1991L9.96756 27.1991L9.96756 30.3887H23.8081Z" fill="#008EFF"/>
+<path d="M13.9544 15.2381L0 15.2382L8.96355e-06 18.4278L13.9545 18.4277L13.9544 15.2381Z" fill="#008EFF"/>
+<path d="M3.98699 9.25771H17.9414V12.4473H3.98699V9.25771Z" fill="#008EFF"/>
+<path d="M17.9414 21.2187H3.98699V24.4083H17.9414V21.2187Z" fill="#008EFF"/>
 </svg>
diff --git a/src/renderer/components/welcome.tsx b/src/renderer/components/welcome.tsx
index 4e4bbb219..a56973c70 100644
--- a/src/renderer/components/welcome.tsx
+++ b/src/renderer/components/welcome.tsx
@@ -76,7 +76,7 @@ export default class Welcome extends React.Component<{}, IState> {
             <React.Fragment>
               <div
                 className='Welcome-about-symphony-text'
-                style={{ marginTop: isPodConfigured ? '35px' : '8px' }}
+                style={{ marginTop: isPodConfigured ? '35px' : '24px' }}
               >
                 <span>
                   {i18n.t(
@@ -330,69 +330,11 @@ export default class Welcome extends React.Component<{}, IState> {
    */
   private getWelcomeImage() {
     return (
-      <svg
-        width='296'
-        height='70'
-        viewBox='0 0 296 70'
-        fill='none'
-        xmlns='http://www.w3.org/2000/svg'
-      >
-        <path
-          fill-rule='evenodd'
-          clip-rule='evenodd'
-          // tslint:disable-next-line: max-line-length
-          d='M44.0497 27.1163V18.546C44.0497 16.7907 43.1018 15.1409 41.5765 14.2407C39.2929 12.8926 34.3464 10.6321 26.8796 10.6321C19.4127 10.6321 14.4663 12.8926 12.1826 14.2407C10.6573 15.1409 9.70941 16.7907 9.70941 18.546V31.4166L36.8955 39.3004V45.034C36.8955 45.8102 36.409 46.3542 35.582 46.7584L26.8796 51.126L18.1321 46.7362C17.3501 46.3542 16.8636 45.8102 16.8636 45.034V40.7338L9.70941 38.5836V45.034C9.70941 48.5753 11.7369 51.5883 14.9563 53.1579L26.8796 59.3681L38.7585 53.1801C42.0222 51.5883 44.0497 48.5753 44.0497 45.034V34.2834L16.8636 26.3996V19.8554C18.806 18.9165 22.1177 17.7991 26.8796 17.7991C31.6414 17.7991 34.9531 18.9165 36.8955 19.8554V24.9662L44.0497 27.1163Z'
-          fill='#008EFF'
-        />
-        <path
-          fill-rule='evenodd'
-          clip-rule='evenodd'
-          d='M79.6153 47.1841C75.3165 47.1841 71.6321 45.7833 68.3233 43.6982L70.3703 40.5877C73.6791 42.7072 76.7152 43.7326 80.1269 43.7326C84.1189 43.7326 85.9951 42.1941 85.9951 40.3832C85.9951 35.1886 69.1076 38.2981 69.1076 30.0275C69.1076 25.9949 73.1336 22.8167 79.6153 22.8167C83.9821 22.8167 87.7685 24.4574 89.9863 26.6782L87.4617 29.2764C85.5515 27.6013 82.6174 26.2682 79.5474 26.2682C75.7601 26.2682 73.2016 27.6357 73.2016 29.5832C73.2016 34.4022 90.1231 31.8393 90.1231 39.9733C90.1231 44.2792 85.7903 47.1841 79.6153 47.1841Z'
-          fill='#F8F8F8'
-        />
-        <path
-          fill-rule='evenodd'
-          clip-rule='evenodd'
-          d='M106.67 37.2388V46.3637H102.576V37.2044L92.3418 23.6025H97.1172L104.794 34.1283L112.061 23.6025H116.768L106.67 37.2388Z'
-          fill='#F8F8F8'
-        />
-        <path
-          fill-rule='evenodd'
-          clip-rule='evenodd'
-          d='M145.324 46.3637V28.5238L144.198 30.9501L136.146 46.3637H133.69L125.742 30.9501L124.616 28.5238V46.3637H120.692V23.6025H126.389L134.031 38.913L135.089 41.237L136.146 38.913L143.686 23.6025H149.315V46.3637H145.324Z'
-          fill='#F8F8F8'
-        />
-        <path
-          fill-rule='evenodd'
-          clip-rule='evenodd'
-          d='M171.582 30.3695C171.582 28.4899 170.32 27.089 167.216 27.089H159.676V34.4365H167.386C170.49 34.4365 171.582 32.9324 171.582 31.0871V30.3695ZM166.772 37.7859H159.676V46.3642H155.582V23.603H166.772C172.981 23.603 175.71 26.4048 175.71 30.3695V30.9849C175.71 34.9487 172.981 37.7859 166.772 37.7859Z'
-          fill='#F8F8F8'
-        />
-        <path
-          fill-rule='evenodd'
-          clip-rule='evenodd'
-          d='M198.016 46.3637V36.5555H184.335V46.3637H180.242V23.6025H184.335V33.2406H198.016V23.6025H202.11V46.3637H198.016Z'
-          fill='#F8F8F8'
-        />
-        <path
-          fill-rule='evenodd'
-          clip-rule='evenodd'
-          d='M226.83 33.5818C226.83 29.6858 224.135 26.3365 219.155 26.3365C214.173 26.3365 211.512 29.6858 211.512 33.5818V36.3501C211.512 40.246 214.173 43.6642 219.155 43.6642C224.135 43.6642 226.83 40.246 226.83 36.3501V33.5818ZM219.154 47.1837C211.853 47.1837 207.383 41.9891 207.383 36.419V33.5818C207.383 27.9085 211.853 22.8162 219.154 22.8162C226.488 22.8162 230.957 27.9085 230.957 33.5818V36.419C230.957 41.9891 226.488 47.1837 219.154 47.1837Z'
-          fill='#F8F8F8'
-        />
-        <path
-          fill-rule='evenodd'
-          clip-rule='evenodd'
-          d='M254.595 46.3637L241.87 31.9754L240.232 29.8569V46.3637H236.172V23.6025H239.959L252.275 38.0252L253.946 40.1438V23.6025H257.972V46.3637H254.595Z'
-          fill='#F8F8F8'
-        />
-        <path
-          fill-rule='evenodd'
-          clip-rule='evenodd'
-          d='M276.192 37.2388V46.3637H272.098V37.2044L261.864 23.6025H266.64L274.316 34.1283L281.583 23.6025H286.29L276.192 37.2388Z'
-          fill='#F8F8F8'
-        />
-      </svg>
+      <img
+        className='Welcome-symphony-image'
+        src={`../renderer/assets/welcome-symphony-logo.svg`}
+        alt={i18n.t('symphony messaging logo')()}
+      />
     );
   }
 
diff --git a/src/renderer/styles/welcome.less b/src/renderer/styles/welcome.less
index c608cedd8..f137aa747 100644
--- a/src/renderer/styles/welcome.less
+++ b/src/renderer/styles/welcome.less
@@ -70,7 +70,11 @@ body {
   }
 
   &-image-container {
-    text-align: center;
+    text-align: left;
+  }
+
+  &-symphony-image {
+    width: 300px;
   }
 
   &-about-symphony-text {