[MM-56873]: Updated Svg's and styling for welcome page (#3084)

* [MM-56873]: Updated svg and styling for welcome page

* chore: i18n
This commit is contained in:
Rajat Dabade 2024-07-12 19:00:22 +05:30 committed by GitHub
parent a917eaa5f6
commit fdf1096494
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
11 changed files with 299 additions and 108 deletions

View file

@ -254,13 +254,13 @@
"renderer.components.showCertificateModal.serialNumber": "Serial Number", "renderer.components.showCertificateModal.serialNumber": "Serial Number",
"renderer.components.showCertificateModal.subjectName": "Subject Name", "renderer.components.showCertificateModal.subjectName": "Subject Name",
"renderer.components.welcomeScreen.button.getStarted": "Get Started", "renderer.components.welcomeScreen.button.getStarted": "Get Started",
"renderer.components.welcomeScreen.slides.boards.subtitle": "Ship on time, every time, with a project and task management solution built for digital operations.", "renderer.components.welcomeScreen.slides.calls.subtitle": "When typing isnt fast enough, seamlessly move from chat to audio calls and screenshare without switching tools.",
"renderer.components.welcomeScreen.slides.boards.title": "Boards", "renderer.components.welcomeScreen.slides.calls.title": "Start secure calls instantly",
"renderer.components.welcomeScreen.slides.channels.subtitle": "All of your teams communication in one place.<br></br>Secure collaboration, built for developers.", "renderer.components.welcomeScreen.slides.collaborate.subtitle": "Collaborate effectively with persistent channels, file and code snippet sharing, and workflow automation purpose-built for technical teams.",
"renderer.components.welcomeScreen.slides.channels.title": "Channels", "renderer.components.welcomeScreen.slides.collaborate.title": "Collaborate in real time",
"renderer.components.welcomeScreen.slides.palybooks.subtitle": "Move faster and make fewer mistakes with checklists, automations, and tool integrations that power your teams workflows.", "renderer.components.welcomeScreen.slides.integrate.subtitle": "Execute and automate workflows with flexible, custom integrations with popular technical tools like GitHub, GitLab, and ServiceNow.",
"renderer.components.welcomeScreen.slides.playbooks.title": "Playbooks", "renderer.components.welcomeScreen.slides.integrate.title": "Integrate with tools you love",
"renderer.components.welcomeScreen.slides.welcome.subtitle": "Mattermost is an open source platform for developer collaboration. Secure, flexible, and integrated with the tools you love.", "renderer.components.welcomeScreen.slides.welcome.subtitle": "Mattermost is an open source collaboration platform for mission-critical work. Secure, flexible, and integrated with the tools you love.",
"renderer.components.welcomeScreen.slides.welcome.title": "Welcome", "renderer.components.welcomeScreen.slides.welcome.title": "Welcome",
"renderer.downloadsDropdown.ClearAll": "Clear All", "renderer.downloadsDropdown.ClearAll": "Clear All",
"renderer.downloadsDropdown.Downloads": "Downloads", "renderer.downloadsDropdown.Downloads": "Downloads",

2
package-lock.json generated
View file

@ -88,7 +88,7 @@
}, },
"api-types": { "api-types": {
"name": "@mattermost/desktop-api", "name": "@mattermost/desktop-api",
"version": "5.8.0-5", "version": "5.9.0-1",
"dev": true, "dev": true,
"license": "MIT", "license": "MIT",
"peerDependencies": { "peerDependencies": {

View file

@ -1,20 +0,0 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M59.2508 59.3145C69.9273 48.5729 83.3739 43.0356 99.5903 42.7026C115.652 43.0434 129.02 48.5807 139.697 59.3145C150.373 70.0483 155.96 83.4308 156.457 99.4618C155.952 115.477 150.366 128.86 139.697 139.609C129.028 150.359 115.659 155.907 99.5903 156.256C83.3661 155.923 69.9196 150.389 59.2508 139.656C48.5821 128.922 42.9956 115.539 42.4912 99.5083C42.98 83.4463 48.5666 70.0483 59.2508 59.3145Z"
fill="white" />
<path
d="M99.5899 161.17C82.0467 160.674 67.4402 154.642 55.7705 143.071C44.1009 131.501 38.0993 116.965 37.7656 99.4622C38.0993 82.1068 44.1009 67.6092 55.7705 55.9693C67.4402 44.3293 82.0467 38.2615 99.5899 37.7659C116.978 38.2538 131.503 44.3254 143.165 55.9809C154.827 67.6363 160.828 82.1339 161.17 99.4738C160.836 116.984 154.834 131.52 143.165 143.083C131.495 154.645 116.97 160.674 99.5899 161.17ZM99.5899 49.3942C85.352 49.8898 73.5194 54.8076 64.0922 64.1474C54.6649 73.4872 49.7806 85.2588 49.4392 99.4622C49.7651 113.666 54.6494 125.476 64.0922 134.893C73.535 144.31 85.3675 149.186 99.5899 149.519C113.657 149.186 125.412 144.31 134.855 134.893C144.298 125.476 149.178 113.666 149.496 99.4622C149.17 85.2511 144.29 73.4795 134.855 64.1474C125.42 54.8153 113.665 49.8937 99.5899 49.3826V49.3942Z"
fill="#FFBC1F" />
<path
d="M99.5902 136.635C88.9991 136.295 80.2275 132.701 73.2754 125.855C66.3232 119.009 62.6803 110.211 62.3467 99.462C62.3467 89.0535 65.7839 80.3797 72.6585 73.4406C79.533 66.5016 88.4289 62.7842 99.3459 62.2886C109.937 62.4512 118.751 66.0447 125.789 73.0689C132.826 80.0931 136.426 88.8908 136.589 99.462C136.426 110.033 132.826 118.788 125.789 125.727C118.816 132.636 109.414 136.55 99.5902 136.635ZM100.091 74.9276H99.5902C92.3045 75.2528 86.3455 77.6885 81.7133 82.2345C79.4225 84.4818 77.6392 87.1919 76.4831 90.1831C75.3269 93.1742 74.8245 96.3775 75.0095 99.5782C74.9866 102.805 75.6125 106.003 76.8499 108.984C78.0874 111.966 79.9112 114.669 82.2137 116.934C85.066 119.795 88.5792 121.913 92.4441 123.1C96.309 124.288 100.407 124.51 104.378 123.745C108.349 122.981 112.071 121.254 115.216 118.717C118.361 116.179 120.833 112.909 122.414 109.194C123.995 105.479 124.638 101.433 124.285 97.4125C123.931 93.3916 122.593 89.519 120.388 86.1354C118.183 82.7518 115.179 79.9611 111.64 78.0087C108.1 76.0564 104.134 75.0023 100.091 74.9392V74.9276Z"
fill="#FFBC1F" />
<path
d="M92.2699 92.3644C94.215 90.5278 96.7909 89.5044 99.4685 89.5044C102.146 89.5044 104.722 90.5278 106.667 92.3644C108.504 94.2582 109.532 96.7911 109.532 99.4273C109.532 102.064 108.504 104.597 106.667 106.49C104.722 108.327 102.146 109.35 99.4685 109.35C96.7909 109.35 94.215 108.327 92.2699 106.49C90.4406 104.592 89.4189 102.061 89.4189 99.4273C89.4189 96.7937 90.4406 94.2624 92.2699 92.3644Z"
fill="#FFBC1F" />
<path
d="M100.509 100.938C100.148 101.297 99.6594 101.499 99.1496 101.499C98.6398 101.499 98.151 101.297 97.7905 100.938C97.43 100.578 97.2275 100.091 97.2275 99.5825C97.2275 99.0742 97.43 98.5866 97.7905 98.2272L105.448 90.603L107.912 93.3136L100.509 100.938Z"
fill="#818698" />
<path
d="M161.655 55.6199C162.48 60.2336 154.665 63.6939 138.208 66.0008L114.274 92.8181C113.75 93.3673 113.117 93.8033 112.417 94.099C111.717 94.3946 110.963 94.5436 110.202 94.5367C108.63 94.5388 107.121 93.921 106.003 92.8181C105.421 92.3133 104.954 91.6895 104.634 90.9889C104.315 90.2884 104.151 89.5275 104.152 88.758C104.17 87.1601 104.785 85.6261 105.876 84.4557L132.782 60.8334C135.096 44.4316 138.566 36.596 143.193 37.3265C147.82 38.057 148.229 43.8242 144.419 54.628C155.093 50.6986 160.838 51.0293 161.655 55.6199Z"
fill="#1C58D9" />
</svg>

Before

Width:  |  Height:  |  Size: 3.7 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 39 KiB

View file

@ -1,24 +0,0 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1023_92269)">
<path
d="M100.489 58.9117H152.495C154.053 58.9006 155.597 59.1999 157.04 59.7925C158.483 60.3851 159.795 61.2593 160.902 62.3648C162.009 63.4704 162.889 64.7857 163.491 66.2351C164.093 67.6845 164.405 69.2395 164.41 70.8109V125.223C164.403 126.793 164.09 128.347 163.487 129.795C162.885 131.243 162.005 132.557 160.898 133.661C159.791 134.765 158.479 135.639 157.037 136.23C155.595 136.822 154.052 137.121 152.495 137.11H139.985V157.543L121.196 137.11H100.489C98.932 137.121 97.3884 136.822 95.9465 136.23C94.5046 135.639 93.1925 134.765 92.0857 133.661C90.9789 132.557 90.099 131.243 89.4964 129.795C88.8938 128.347 88.5805 126.793 88.5742 125.223V70.8109C88.5789 69.2395 88.8911 67.6845 89.493 66.2351C90.0949 64.7857 90.9745 63.4704 92.0815 62.3648C93.1885 61.2593 94.501 60.3851 95.9437 59.7925C97.3864 59.1999 98.931 58.9006 100.489 58.9117Z"
fill="#1C58D9" />
<path
d="M132.289 42.5533H47.4584C45.9007 42.5422 44.3562 42.8415 42.9135 43.4341C41.4708 44.0267 40.1582 44.9009 39.0513 46.0064C37.9443 47.112 37.0646 48.4273 36.4627 49.8767C35.8608 51.3261 35.5486 52.8811 35.5439 54.4525V108.816C35.5502 110.387 35.8636 111.94 36.4661 113.389C37.0687 114.837 37.9486 116.15 39.0555 117.255C40.1623 118.359 41.4743 119.232 42.9162 119.824C44.3581 120.416 45.9017 120.715 47.4584 120.704H59.9804V141.137L78.7695 120.704H132.289C133.846 120.715 135.389 120.416 136.831 119.824C138.273 119.232 139.585 118.359 140.692 117.255C141.799 116.15 142.679 114.837 143.281 113.389C143.884 111.94 144.197 110.387 144.203 108.816V54.4525C144.199 52.8811 143.887 51.3261 143.285 49.8767C142.683 48.4273 141.803 47.112 140.696 46.0064C139.589 44.9009 138.277 44.0267 136.834 43.4341C135.391 42.8415 133.847 42.5422 132.289 42.5533Z"
fill="#FFBC1F" />
<path
d="M60.9328 73.8638C62.4443 73.8614 63.9226 74.3115 65.1803 75.1572C66.438 76.0029 67.4187 77.206 67.9983 78.6143C68.5778 80.0226 68.73 81.5727 68.4357 83.0683C68.1414 84.564 67.4138 85.9379 66.345 87.0161C65.2762 88.0943 63.9143 88.8283 62.4318 89.1252C60.9492 89.4221 59.4126 89.2685 58.0166 88.6839C56.6206 88.0993 55.428 87.1099 54.5897 85.8411C53.7515 84.5723 53.3053 83.081 53.3076 81.5562C53.3108 79.5171 54.1152 77.5623 55.5445 76.1204C56.9738 74.6784 58.9115 73.867 60.9328 73.8638Z"
fill="white" />
<path
d="M89.8967 73.8638C91.4082 73.8614 92.8864 74.3115 94.1442 75.1572C95.4019 76.0029 96.3826 77.206 96.9621 78.6143C97.5417 80.0226 97.6939 81.5727 97.3996 83.0683C97.1053 84.564 96.3777 85.9379 95.3089 87.0161C94.2401 88.0943 92.8782 88.8283 91.3957 89.1252C89.9131 89.4221 88.3765 89.2685 86.9805 88.6839C85.5845 88.0993 84.3919 87.1099 83.5536 85.8411C82.7153 84.5723 82.2691 83.081 82.2715 81.5562C82.2746 79.5171 83.079 77.5623 84.5084 76.1204C85.9377 74.6784 87.8753 73.867 89.8967 73.8638Z"
fill="white" />
<path
d="M118.861 73.8638C120.372 73.8614 121.85 74.3115 123.108 75.1572C124.366 76.0029 125.346 77.206 125.926 78.6143C126.506 80.0226 126.658 81.5727 126.363 83.0683C126.069 84.564 125.342 85.9379 124.273 87.0161C123.204 88.0943 121.842 88.8283 120.36 89.1252C118.877 89.4221 117.34 89.2685 115.944 88.6839C114.548 88.0993 113.356 87.1099 112.517 85.8411C111.679 84.5723 111.233 83.081 111.235 81.5562C111.239 79.5171 112.043 77.5623 113.472 76.1204C114.902 74.6784 116.839 73.867 118.861 73.8638Z"
fill="white" />
</g>
<defs>
<clipPath id="clip0_1023_92269">
<rect width="128.723" height="114.894" fill="white" transform="translate(35.6387 42.5532)" />
</clipPath>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 3.7 KiB

View file

@ -1,22 +0,0 @@
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M107.7 165.8C104.744 170.325 98.0681 170.977 92.8772 167.313L34.2645 126.034C32.3518 124.743 31.0113 122.764 30.5225 120.509C30.0338 118.254 30.4345 115.897 31.6412 113.93L83.2032 35.1611C84.6257 33.2242 86.6662 31.8304 88.9877 31.2096C91.3092 30.5888 93.773 30.7782 95.9723 31.7466L162.51 61.0196C168.395 63.6152 170.838 69.3476 167.909 73.9419L107.7 165.8Z"
fill="#FFBC1F" />
<path d="M98.3731 160.442L37.9561 119.135L91.1003 37.9648L158.429 68.7091L98.3731 160.442Z" fill="white" />
<path
d="M136.625 62.9489C136.108 63.599 135.382 64.0507 134.571 64.2277C133.759 64.4047 132.911 64.2961 132.17 63.9205L106.757 51.9837C106.428 51.8637 106.13 51.6716 105.885 51.4213C105.64 51.1711 105.454 50.8692 105.341 50.5377C105.227 50.2063 105.19 49.8537 105.231 49.5059C105.272 49.158 105.39 48.8237 105.577 48.5276L109.56 42.4342C110.031 41.8109 110.702 41.3685 111.46 41.1815C112.218 40.9944 113.018 41.0741 113.724 41.4071L139.471 52.8443C139.828 52.9588 140.155 53.1524 140.427 53.4105C140.699 53.6686 140.91 53.9848 141.043 54.3354C141.176 54.6861 141.229 55.0623 141.197 55.4361C141.165 55.8099 141.049 56.1717 140.859 56.4947L136.625 62.9489Z"
fill="#8D93A5" />
<path
d="M131.767 55.0373L115.39 47.5976L119.429 41.421C119.908 40.8095 120.578 40.3752 121.332 40.1867C122.086 39.9982 122.881 40.0662 123.592 40.38L134.488 45.0992C134.841 45.2073 135.166 45.3943 135.437 45.646C135.708 45.8978 135.918 46.2078 136.052 46.5526C136.185 46.8974 136.239 47.2681 136.208 47.6367C136.178 48.0052 136.064 48.362 135.876 48.6803L131.767 55.0373Z"
fill="#1C58D9" />
<path d="M132.961 88.5019L98.9707 71.0547L100.747 68.3342L134.863 85.601L132.961 88.5019Z" fill="#FFBC1F" />
<path
d="M88.255 69.2781C88.1756 69.3296 88.0854 69.3624 87.9914 69.374C87.8974 69.3855 87.802 69.3755 87.7124 69.3447C87.6228 69.314 87.5413 69.2633 87.4742 69.1964C87.4071 69.1295 87.3562 69.0483 87.3251 68.9588L85.2432 62.796C85.2164 62.7036 85.2099 62.6065 85.2242 62.5114C85.2384 62.4162 85.2731 62.3253 85.3258 62.2449C85.3786 62.1644 85.4482 62.0964 85.5297 62.0454C85.6113 61.9944 85.7029 61.9616 85.7984 61.9494L86.5895 61.7828C86.7952 61.7395 87.0096 61.7683 87.1966 61.8643C87.3836 61.9604 87.5319 62.1178 87.6165 62.3103L88.727 65.5304C88.7563 65.6196 88.8057 65.7007 88.8715 65.7677C88.9372 65.8346 89.0175 65.8855 89.1061 65.9163C89.1947 65.9472 89.2892 65.9573 89.3823 65.9457C89.4754 65.9342 89.5646 65.9013 89.643 65.8497L95.9442 62.2964C96.1399 62.1972 96.3629 62.1653 96.5786 62.2054C96.7943 62.2455 96.9909 62.3556 97.1379 62.5185L97.6375 63.1153C97.7038 63.1879 97.7525 63.2746 97.7797 63.3691C97.807 63.4635 97.8121 63.5629 97.7947 63.6596C97.7772 63.7564 97.7377 63.8478 97.6791 63.9267C97.6205 64.0056 97.5446 64.0699 97.4571 64.1147L88.255 69.2781Z"
fill="#FFBC1F" />
<path d="M121.844 105.477L88.5195 87.0168L90.31 84.2825L123.745 102.576L121.844 105.477Z" fill="#BABEC9" />
<path d="M82.1342 87.6553L72.3076 82.1311L77.9704 73.4561L87.922 78.8137L82.1342 87.6553Z" fill="#BABEC9" />
<path d="M110.726 122.466L78.082 102.965L79.8586 100.23L112.628 119.565L110.726 122.466Z" fill="#BABEC9" />
<path d="M71.7807 103.478L62.1484 97.635L67.8251 88.96L77.5823 94.6369L71.7807 103.478Z" fill="#BABEC9" />
<path d="M99.6088 139.442L67.6445 118.913L69.4211 116.193L101.51 136.541L99.6088 139.442Z" fill="#BABEC9" />
<path d="M61.4263 119.288L51.9883 113.139L57.6788 104.478L67.2279 110.446L61.4263 119.288Z" fill="#BABEC9" />
</svg>

Before

Width:  |  Height:  |  Size: 3.5 KiB

View file

@ -0,0 +1,72 @@
<svg width="300" height="245" viewBox="0 0 300 245" fill="none" xmlns="http://www.w3.org/2000/svg">
<ellipse cx="80.5232" cy="106.668" rx="78.2956" ry="78.1509" fill="white"/>
<path d="M80.5232 185.408C124.089 185.408 159.408 150.156 159.408 106.668C159.408 63.18 124.089 27.9277 80.5232 27.9277C36.9572 27.9277 1.63807 63.18 1.63807 106.668C1.63807 150.156 36.9572 185.408 80.5232 185.408Z" stroke="#3F4350" stroke-opacity="0.16" stroke-width="1.17895"/>
<ellipse cx="80.5232" cy="106.668" rx="78.2956" ry="78.1509" fill="#3F4350" fill-opacity="0.16"/>
<mask id="mask0_2352_4354" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="2" y="28" width="157" height="157">
<ellipse cx="80.5232" cy="106.668" rx="78.2956" ry="78.1509" fill="white"/>
</mask>
<g mask="url(#mask0_2352_4354)">
<path d="M47.2334 90.5902H68.9615L69.7233 78.4832C70.976 78.1114 73.8116 75.6613 74.6157 75.3318C77.993 73.98 81.5988 55.2238 80.5239 52.5033C79.1526 49.4617 69.5963 54.1001 64.8139 52.5793C60.4125 51.1768 54.6397 57.0149 54.3773 63.6641L47.2334 90.5902Z" fill="#FFBC1F"/>
<ellipse cx="76.2916" cy="60.2001" rx="1.26966" ry="1.26731" fill="#6F370B"/>
<path d="M104.647 182.622C95.5987 185.917 85.8308 187.708 75.6397 187.708C69.7993 187.708 64.0943 187.117 58.584 185.993C40.4702 182.293 24.4555 172.839 12.5461 159.625C12.3345 153.28 12.3176 145.845 12.58 137.151C14.1628 85.5717 17.4386 88.0894 62.6723 87.7514C113.814 87.3712 106.823 108.899 107.483 127.021C107.906 138.562 106.399 165.057 104.647 182.622Z" fill="white"/>
<path d="M54.9017 99.8161C58.1097 101.007 66.6672 100.45 68.4363 97.8898C69.6551 96.1156 70.8148 94.2906 72.0082 92.4995C72.9647 91.0548 73.9043 89.61 74.8184 88.1399C71.1872 87.8527 67.1581 87.7175 62.672 87.7513C56.6792 87.7935 51.4398 87.7935 46.8267 87.8696C51.2451 92.753 48.765 97.5434 54.9017 99.8161Z" fill="#FFBC1F"/>
<path d="M107.474 115.674C105.891 115.784 104.334 116.029 102.869 116.274C95.3359 117.55 99.4496 119.992 99.7289 147.754C99.8728 161.788 102.328 169.789 100.846 183.805C100.846 183.839 100.829 183.864 100.829 183.898C102.116 183.501 103.394 183.079 104.655 182.614C106.407 165.049 107.914 138.554 107.491 127.013C107.355 123.304 107.542 119.451 107.491 115.666L107.474 115.674Z" fill="#FFBC1F"/>
<path d="M87.6081 173.498C87.2949 182.191 86.4484 180.764 79.2537 176.091C73.7095 172.492 64.3733 181.355 50.7456 183.991C39.4033 180.519 29.0768 174.74 20.3077 167.195C14.4419 152.9 13.2314 133.172 13.2314 121.969C13.2314 120.845 39.835 123.413 39.835 123.413C39.6827 143.75 41.7226 167.482 58.5837 164.483C75.4447 161.492 87.9297 164.804 87.6081 173.498Z" fill="#FFBC1F"/>
<path d="M156.246 129.446C145.141 163.275 113.247 187.708 75.6397 187.708C69.7993 187.708 64.0943 187.117 58.584 185.993V178.516H84.7474C84.7474 178.516 97.4525 130.291 97.334 129.446H156.246Z" fill="#484D5B"/>
<path d="M124.894 129.446H97.3342C97.385 129.826 94.7949 139.998 91.9424 150.982C102.955 143.851 113.924 136.653 124.894 129.446Z" fill="#6C7389"/>
<path d="M110.301 149.74C117.75 145.11 125.216 140.505 132.715 135.96C136.092 133.915 139.36 131.643 142.669 129.446H131.056C117.623 138.275 104.19 147.095 90.6895 155.823C90.0377 158.341 89.386 160.833 88.7681 163.199C95.9459 158.712 103.115 154.209 110.301 149.74Z" fill="#6C7389"/>
<path d="M83.9601 45.7358C82.1995 43.4124 79.5163 45.1275 76.7146 45.9301C70.798 48.4394 63.2731 44.1559 57.8051 47.5269C53.6153 50.1038 52.8873 55.7729 52.5911 60.6816C52.4641 62.836 52.8196 65.6748 54.9442 66.1057C55.6721 66.2493 56.4424 66.0381 57.1618 66.2071C59.1933 66.6718 59.4388 69.4092 59.4218 71.4875C59.3964 75.0783 60.0313 78.8126 62.1558 81.7105C64.2719 84.6084 68.1486 86.4334 71.5767 85.3435C75.6481 84.0508 77.5779 79.5054 78.8476 75.4416C79.5925 73.0337 81.497 68.9529 79.2624 67.7785C76.8669 66.5112 70.4933 69.6204 67.4376 67.5504C65.3638 66.1395 65.4823 63.0979 65.8294 60.614C66.0664 58.9074 66.3626 57.0824 67.5646 55.8489C69.4945 53.855 72.7109 54.2859 75.4872 54.3788C78.0181 54.4718 80.7182 54.0916 82.682 52.4863C84.6457 50.8811 85.5006 47.755 83.9686 45.7442L83.9601 45.7358Z" fill="#6F370B"/>
<path d="M79.0675 57.2853C81.1582 63.3008 82.4702 67.6012 82.4702 67.6012C82.1401 69.5191 76.0288 67.5505 76.0288 67.5505L79.0675 57.2853Z" fill="#FFBC1F"/>
<path d="M62.8927 57.2852C62.8927 57.2852 58.4489 56.0263 58.5928 60.2085C58.7367 64.3906 63.6037 63.4781 63.6037 63.4781L62.9012 57.2852H62.8927Z" fill="#FFBC1F"/>
</g>
<path d="M176.057 21.3763H117.055C115.974 21.3726 114.902 21.5827 113.902 21.9947C112.902 22.4066 111.992 23.0124 111.225 23.7772C110.458 24.5421 109.848 25.4512 109.431 26.4525C109.014 27.4539 108.797 28.5279 108.793 29.6133V67.2532C108.797 68.3386 109.014 69.4126 109.431 70.414C109.848 71.4153 110.458 72.3244 111.225 73.0893C111.992 73.8541 112.902 74.4599 113.902 74.8718C114.902 75.2838 115.974 75.4939 117.055 75.4902H125.763V89.5799L138.824 75.4902H176.036C177.117 75.4939 178.189 75.2838 179.189 74.8718C180.189 74.4599 181.099 73.8541 181.866 73.0893C182.633 72.3244 183.243 71.4153 183.66 70.414C184.077 69.4126 184.294 68.3386 184.298 67.2532V29.6133C184.29 27.4249 183.418 25.3288 181.874 23.7847C180.329 22.2405 178.237 21.3744 176.057 21.3763Z" fill="#FFBC1F"/>
<path d="M138.824 75.4902H176.036C177.117 75.4939 178.189 75.2837 179.189 74.8718C180.189 74.4598 181.099 73.8541 181.866 73.0892C182.633 72.3243 183.243 71.4153 183.66 70.4139C184.077 69.4126 184.294 68.3386 184.298 67.2532V44.4021C184.298 44.4021 181.699 65.5331 181.233 67.393C180.766 69.253 179.839 72.036 175.451 72.4975C171.062 72.959 138.824 75.4902 138.824 75.4902Z" fill="#CC8F00"/>
<path d="M126.403 43.0525C127.455 43.0525 128.482 43.3654 129.356 43.9516C130.23 44.5379 130.912 45.3711 131.314 46.346C131.716 47.3209 131.821 48.3936 131.616 49.4285C131.411 50.4634 130.905 51.4141 130.162 52.1602C129.418 52.9064 128.471 53.4145 127.44 53.6203C126.409 53.8262 125.341 53.7205 124.369 53.3167C123.398 52.9129 122.568 52.2291 121.984 51.3517C121.4 50.4744 121.088 49.4429 121.088 48.3877C121.087 47.6868 121.224 46.9926 121.491 46.3449C121.758 45.6972 122.149 45.1087 122.643 44.6131C123.137 44.1175 123.723 43.7245 124.368 43.4567C125.014 43.1889 125.705 43.0516 126.403 43.0525Z" fill="white"/>
<path d="M146.557 43.0525C147.608 43.0525 148.636 43.3654 149.51 43.9516C150.384 44.5379 151.065 45.3711 151.467 46.346C151.869 47.3209 151.975 48.3936 151.77 49.4285C151.565 50.4634 151.058 51.4141 150.315 52.1602C149.572 52.9064 148.625 53.4145 147.594 53.6203C146.563 53.8262 145.494 53.7205 144.523 53.3167C143.552 52.9129 142.721 52.2291 142.137 51.3517C141.553 50.4744 141.242 49.4429 141.242 48.3877C141.241 47.6868 141.378 46.9926 141.644 46.3449C141.911 45.6972 142.303 45.1087 142.796 44.6131C143.29 44.1175 143.876 43.7245 144.522 43.4567C145.167 43.1889 145.859 43.0516 146.557 43.0525Z" fill="white"/>
<path d="M166.687 43.0525C167.739 43.0511 168.767 43.3628 169.642 43.9482C170.517 44.5336 171.2 45.3664 171.603 46.3411C172.006 47.3159 172.112 48.3888 171.908 49.4242C171.704 50.4596 171.198 51.4109 170.455 52.1577C169.712 52.9046 168.765 53.4134 167.734 53.6198C166.703 53.8262 165.634 53.721 164.662 53.3174C163.69 52.9138 162.86 52.23 162.276 51.3525C161.691 50.4749 161.379 49.4432 161.379 48.3877C161.378 47.6874 161.515 46.9938 161.781 46.3465C162.048 45.6993 162.439 45.1111 162.932 44.6155C163.425 44.12 164.01 43.727 164.655 43.4587C165.299 43.1905 165.99 43.0525 166.687 43.0525Z" fill="white"/>
<path d="M114.917 37.1372C115.516 35.0071 116.53 33.0172 117.898 31.2819C119.267 29.5466 120.965 28.1003 122.893 27.0262C123.007 26.9683 123.099 26.8739 123.154 26.758C123.209 26.642 123.224 26.511 123.197 26.3855C123.17 26.2599 123.102 26.1469 123.004 26.0642C122.906 25.9815 122.784 25.9338 122.656 25.9284C118.936 25.7047 111.427 26.5018 113.781 37.0813C113.806 37.2104 113.873 37.3274 113.972 37.4136C114.071 37.4998 114.196 37.5501 114.327 37.5566C114.458 37.563 114.587 37.5252 114.694 37.4492C114.801 37.3731 114.879 37.2633 114.917 37.1372Z" fill="#FFD470"/>
<ellipse cx="234.835" cy="177.743" rx="63.212" ry="63.0952" fill="white"/>
<path d="M234.835 241.427C270.071 241.427 298.637 212.916 298.637 177.743C298.637 142.57 270.071 114.058 234.835 114.058C199.6 114.058 171.034 142.57 171.034 177.743C171.034 212.916 199.6 241.427 234.835 241.427Z" stroke="#3F4350" stroke-opacity="0.16" stroke-width="1.17895"/>
<ellipse cx="234.835" cy="177.743" rx="63.212" ry="63.0952" fill="#3F4350" fill-opacity="0.16"/>
<mask id="mask1_2352_4354" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="171" y="114" width="128" height="127">
<ellipse cx="234.835" cy="177.743" rx="63.212" ry="63.0952" fill="white"/>
</mask>
<g mask="url(#mask1_2352_4354)">
<path d="M249.562 148.071C245.939 148.071 242.776 148.215 240.024 148.526C219.227 150.865 227.235 160.349 224.381 187.155C221.154 217.514 214.446 235.986 246.502 239.132C278.558 242.277 283.243 223.605 285.923 189.023C288.603 154.449 281.238 148.071 249.562 148.071Z" fill="white"/>
<path d="M234.071 218.971C234.071 218.971 234.087 227.158 231.633 235.544C231.045 237.565 230.315 239.594 229.394 241.52H198.434C201.507 226.057 202.698 210.292 201.975 194.496C201.935 193.481 200.339 193.481 200.387 194.496C201.11 210.3 199.911 226.065 196.814 241.52H170.634C171.261 240.934 170.785 189.344 186.308 170.695C187.539 169.205 188.961 167.865 190.58 166.724C201.395 159.083 209.138 162.079 215.72 171.931C217.126 174.031 218.476 176.441 219.794 179.136C222.652 184.985 225.352 192.134 228.076 200.211C229.322 203.928 230.585 207.843 231.871 211.917C232.189 212.939 232.514 213.97 232.84 215.016C233.245 216.324 233.658 217.64 234.071 218.971Z" fill="#82889C"/>
<path d="M210.281 241.52H196.813C199.91 226.065 201.109 210.3 200.387 194.496C200.339 193.481 201.61 193.545 201.975 194.496C207.7 209.428 213.354 226.057 210.281 241.52Z" fill="#3F4350"/>
<path d="M282.428 218.004C282.81 226.77 283.334 235.544 282.317 241.52H199.204C202.84 233.872 209.717 229.322 219.261 223.481C223.319 221.008 227.861 218.289 232.84 215.016C233.245 214.739 233.658 214.469 234.071 214.192C234.071 214.192 234.396 214.041 234.992 213.772C241.876 210.665 285.184 191.968 282.897 214.176V214.192C282.762 215.515 282.373 216.776 282.428 218.004Z" fill="#A4A9B7"/>
<path d="M282.421 240.831C283.287 234.878 282.794 226.445 282.421 218.004C282.365 216.776 282.755 215.515 282.89 214.192V214.176C285.168 192.039 242.155 210.546 235.056 213.74C246.847 228.815 263.491 239.214 282.413 240.831H282.421Z" fill="#3F4350"/>
<path d="M240.202 148.753C227.026 149.864 193.284 147.044 188.22 162.406C183.609 176.379 198.428 174.453 202.452 184.567C206.468 194.681 206.699 203.03 210.493 194.026C214.287 185.023 209.794 173.559 207.905 168.614C206.024 163.668 222.621 178.727 232.971 173.335C243.322 167.942 240.202 148.753 240.202 148.753Z" fill="white"/>
<path d="M189.987 159.217C189.234 160.227 188.624 161.325 188.219 162.558C183.613 176.47 198.415 174.553 202.435 184.624C206.447 194.695 206.677 203.007 210.466 194.042C214.256 185.077 209.769 173.662 207.882 168.738C205.472 160.163 194.618 158.238 189.987 159.217Z" fill="#A37200"/>
<path d="M270.801 170.603C270.684 169.606 269.651 169.692 269.722 170.705C271.654 196.815 259.778 204.686 259.778 204.686C271.419 198.102 272.397 183.779 270.801 170.603Z" fill="#3F4350" fill-opacity="0.64"/>
<path d="M225.158 161.597C224.632 164.427 223.355 168.174 223.587 171.141C223.672 172.21 224.299 173.183 224.399 174.285C224.577 176.126 224.817 180.218 224.724 182.084C224.678 183.113 226.287 175.314 225.204 172.073C224.175 168.994 225.661 165.287 226.272 162.031C226.457 161.026 225.343 160.6 225.158 161.605V161.597Z" fill="#3F4350" fill-opacity="0.64"/>
<path d="M224.652 204.004H217.007C216.06 204.004 215.201 203.447 214.853 202.591L209.379 189.362C208.764 187.886 209.889 186.269 211.533 186.269H219.177C220.125 186.269 220.983 186.827 221.331 187.682L226.806 200.911C227.421 202.387 226.295 204.004 224.652 204.004Z" fill="#3F4350"/>
<path d="M262.916 148.761C286.561 150.527 292.58 157.615 292.58 184.177C292.58 225.476 268.071 229.19 249.589 220.851C231.106 212.52 220.899 205.036 217.415 198.503C214.604 193.236 220.836 198.503 228.002 199.936C229.8 200.293 231.431 201.275 233.094 201.726C270.748 211.958 275.728 196.65 273.575 178.601C271.421 160.553 262.924 148.753 262.924 148.753L262.916 148.761Z" fill="#A37200"/>
<path d="M262.972 148.753C262.972 148.753 269.362 158.563 271.521 176.621C272.999 189.032 265.626 202.558 259.651 204.535C259.493 210.942 258.023 217.302 254.995 222.862C272.491 228.16 292.58 221.595 292.58 184.172C292.58 157.608 286.572 150.519 262.964 148.753H262.972Z" fill="white"/>
<path d="M182.834 238.871H143.495C142.877 238.81 142.299 238.534 141.86 238.089C141.421 237.645 141.149 237.059 141.089 236.434V184.698C141.143 184.065 141.418 183.471 141.865 183.023C142.309 182.574 142.894 182.296 143.519 182.237H172.693L185.325 194.885V236.409C185.332 236.721 185.277 237.031 185.162 237.32C185.048 237.609 184.876 237.871 184.657 238.091C184.164 238.567 183.515 238.844 182.834 238.871Z" fill="black" fill-opacity="0.2"/>
</g>
<path d="M239.398 140.779L246.251 152.846C251.433 152.305 255.115 149.68 260.321 149.505C257.421 145.904 249.553 133.124 248.757 132.114C247.271 130.223 248.966 125.167 248.018 123.545C244.612 117.607 235.574 121.049 233.509 121.55C231.508 122.027 227.66 124.396 227.66 124.396C229.042 128.823 232.007 135.874 236.007 141.033C236.682 141.908 238 141.447 239.398 140.779Z" fill="#A37200"/>
<path d="M230.664 128.29C229.631 132.651 229.026 135.767 229.026 135.767C229.438 137.2 233.81 136.014 233.81 136.014L230.664 128.29Z" fill="#A37200"/>
<path d="M239.689 140.663C240.72 140.096 241.326 139.565 242.128 138.667C242.488 138.257 242.799 138.789 242.66 139.321C242.554 139.731 241.989 140.35 241.244 140.717C240.77 140.952 238.994 141.047 239.689 140.663Z" fill="#6F370B"/>
<path d="M255.206 125.464C254.154 124.542 252.797 123.81 252.291 122.519C251.842 121.361 252.203 120.062 251.962 118.85C251.545 116.763 249.313 115.362 247.145 115.33C244.977 115.299 239.044 117.55 236.739 117.613C234.435 117.669 232.115 117.472 229.842 117.858C227.57 118.243 225.282 119.322 224.15 121.29C223.018 123.259 223.524 126.18 225.587 127.172C227.321 128.007 229.409 127.29 231.047 126.29C232.685 125.29 234.194 123.983 236.065 123.519C237.936 123.054 240.344 123.881 240.697 125.739C240.898 126.802 240.384 127.857 240.224 128.928C240.063 129.999 240.521 131.377 241.613 131.479C242.857 131.597 243.837 129.975 245.041 130.29C246.109 130.574 246.181 131.983 246.398 133.038C246.904 135.534 249.569 137.353 252.155 137.14C254.74 136.928 256.988 134.849 257.566 132.361C258.144 129.873 257.133 127.156 255.198 125.456L255.206 125.464Z" fill="#4A2407"/>
<path d="M281.965 141.911C282.842 140.124 282.818 138.321 282.818 136.366C282.818 135.751 282.937 135.225 283.137 134.754C283.057 134.236 283.001 133.709 282.977 133.182C282.874 131.004 283.472 128.619 285.201 127.294C285.959 126.712 286.883 126.361 287.537 125.675C288.82 124.31 288.605 122.124 287.999 120.353C286.804 116.842 284.364 113.747 281.184 111.84C278.003 109.933 274.089 109.247 270.47 110.053C268.485 110.491 266.62 111.353 264.651 111.864C262.682 112.374 260.49 112.494 258.712 111.505C256.807 110.452 250.98 108.648 248.803 108.553C229.313 107.707 225.415 119.324 224.299 120.879C223.039 122.459 243.375 117.09 245.559 118.286C246.81 116.459 245.814 132.448 247.6 135.121C248.867 137.02 253.443 143.227 261.757 146.251C266.676 146.802 271.65 147.081 276.369 145.733C277.987 145.27 279.621 144.472 281.128 143.443C281.423 142.948 281.71 142.437 281.973 141.911H281.965Z" fill="#4A2407"/>
<path d="M250.187 156.935C255.811 156.817 260.128 153.323 262.512 148.61C258.718 148.221 254.401 148.071 249.49 148.071C245.862 148.071 242.717 148.221 239.96 148.53C241.766 153.173 244.293 157.062 250.179 156.935H250.187Z" fill="#A37200"/>
<path d="M216.873 165.333C216.251 170.717 215.784 176.111 215.459 181.503C215.386 182.777 217.571 182.599 217.645 181.345C217.96 176.122 218.418 170.908 219.02 165.703C219.159 164.444 217.023 164.064 216.873 165.333Z" fill="#FFBC1F"/>
<path d="M234.495 173.999C231.786 177.683 228.804 181.106 225.562 184.299C224.66 185.184 225.967 186.669 226.869 185.784C230.23 182.473 233.309 178.912 236.125 175.09C236.88 174.066 235.241 172.975 234.495 173.999Z" fill="#FFBC1F"/>
<path d="M245.341 193.568C240.736 193.394 236.121 193.21 231.516 193.036C230.455 192.999 230.609 194.984 231.66 195.032C236.265 195.206 240.881 195.389 245.486 195.563C246.546 195.601 246.393 193.616 245.341 193.568Z" fill="#FFBC1F"/>
<path d="M234.855 139.459C235.685 139.235 236.473 138.864 237.176 138.359C237.464 138.149 237.163 137.683 236.87 137.892C236.157 138.411 235.348 138.779 234.495 138.98L234.855 139.459Z" fill="#4A2407"/>
<ellipse cx="233.619" cy="130.299" rx="1.18044" ry="0.785506" transform="rotate(-13.8713 233.619 130.299)" fill="#4A2407"/>
<g clip-path="url(#clip0_2352_4354)">
<path d="M176.94 230.618H137.601C136.983 230.557 136.405 230.281 135.966 229.836C135.527 229.392 135.255 228.806 135.195 228.181V176.445C135.249 175.812 135.524 175.218 135.971 174.77C136.415 174.321 137 174.043 137.625 173.984H166.799L179.431 186.632V228.156C179.438 228.468 179.383 228.778 179.268 229.067C179.154 229.356 178.982 229.618 178.763 229.838C178.269 230.314 177.621 230.591 176.94 230.618Z" fill="#E8E9ED"/>
<path d="M161.361 182.605H140.693C140.58 182.597 140.469 182.566 140.367 182.514C140.266 182.461 140.176 182.388 140.104 182.299C140.032 182.21 139.979 182.107 139.948 181.996C139.916 181.885 139.908 181.769 139.923 181.654C139.923 181.094 140.182 180.814 140.693 180.814H161.361C161.879 180.814 162.137 181.094 162.137 181.654C162.152 181.769 162.144 181.886 162.112 181.997C162.081 182.108 162.027 182.212 161.954 182.301C161.881 182.39 161.791 182.463 161.689 182.516C161.587 182.568 161.476 182.598 161.361 182.605ZM158.155 188.648C158.39 188.648 158.615 188.554 158.781 188.386C158.946 188.218 159.04 187.99 159.04 187.753C159.04 187.515 158.946 187.287 158.781 187.119C158.615 186.951 158.39 186.857 158.155 186.857H140.711C140.494 186.883 140.295 186.988 140.15 187.153C140.004 187.318 139.924 187.532 139.924 187.753C139.924 187.974 140.004 188.187 140.15 188.352C140.295 188.517 140.494 188.623 140.711 188.648H158.155ZM171.858 194.801C171.98 194.812 172.102 194.796 172.218 194.756C172.334 194.716 172.44 194.652 172.53 194.568C172.62 194.484 172.691 194.382 172.741 194.269C172.79 194.155 172.815 194.033 172.815 193.909C172.815 193.785 172.79 193.663 172.741 193.549C172.691 193.436 172.62 193.334 172.53 193.25C172.44 193.166 172.334 193.102 172.218 193.062C172.102 193.022 171.98 193.006 171.858 193.016H140.693C140.481 193.047 140.287 193.154 140.147 193.318C140.007 193.482 139.929 193.692 139.929 193.909C139.929 194.126 140.007 194.335 140.147 194.499C140.287 194.663 140.481 194.771 140.693 194.801H171.858ZM169.873 200.851C170.382 200.851 170.677 200.552 170.757 199.955C170.74 199.723 170.642 199.505 170.48 199.341C170.317 199.177 170.102 199.077 169.873 199.06H140.693C140.58 199.067 140.469 199.098 140.367 199.151C140.266 199.203 140.176 199.276 140.104 199.366C140.032 199.455 139.979 199.558 139.948 199.669C139.916 199.78 139.908 199.896 139.923 200.01C139.923 200.571 140.182 200.851 140.693 200.851H169.873ZM158.155 207.004C158.39 207.004 158.615 206.91 158.781 206.742C158.946 206.574 159.04 206.346 159.04 206.108C159.04 205.871 158.946 205.643 158.781 205.475C158.615 205.307 158.39 205.213 158.155 205.213H140.711C140.494 205.239 140.295 205.344 140.15 205.509C140.004 205.674 139.924 205.887 139.924 206.108C139.924 206.33 140.004 206.543 140.15 206.708C140.295 206.873 140.494 206.978 140.711 207.004H158.155ZM171.858 213.048C172.375 213.048 172.67 212.749 172.742 212.152C172.727 211.92 172.629 211.701 172.466 211.536C172.303 211.371 172.087 211.272 171.858 211.256H140.693C140.58 211.264 140.469 211.295 140.367 211.347C140.266 211.4 140.176 211.473 140.104 211.562C140.032 211.651 139.979 211.755 139.948 211.865C139.916 211.976 139.908 212.093 139.923 212.207C139.923 212.767 140.182 213.048 140.693 213.048H171.858ZM171.858 219.207C172.087 219.19 172.302 219.09 172.465 218.926C172.627 218.761 172.725 218.543 172.742 218.311C172.728 218.078 172.63 217.859 172.467 217.694C172.304 217.529 172.088 217.43 171.858 217.416H140.693C140.476 217.441 140.277 217.547 140.131 217.712C139.986 217.877 139.906 218.09 139.906 218.311C139.906 218.532 139.986 218.746 140.131 218.911C140.277 219.076 140.476 219.181 140.693 219.207H171.858ZM171.858 225.25C172.375 225.25 172.67 224.952 172.742 224.355C172.739 224.243 172.712 224.133 172.665 224.032C172.618 223.931 172.551 223.841 172.468 223.768C172.385 223.694 172.288 223.638 172.183 223.604C172.078 223.57 171.968 223.558 171.858 223.569H140.693C140.182 223.569 139.923 223.849 139.923 224.41C139.923 224.97 140.182 225.25 140.693 225.25H171.858Z" fill="#989DAE"/>
<path d="M166.774 173.984L179.256 186.632H169.421C168.726 186.65 168.051 186.389 167.544 185.907C167.284 185.655 167.08 185.35 166.946 185.011C166.812 184.673 166.752 184.309 166.768 183.945L166.774 173.984Z" fill="#BABEC9"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M191.842 63.9509C191.927 62.978 192.785 62.2588 193.758 62.3444C199.364 62.8379 208.192 66.1179 216.812 71.1748C224.27 75.5502 231.793 81.3837 237.094 88.1894L239.664 76.5458C239.875 75.5921 240.819 74.9897 241.772 75.2002C242.726 75.4108 243.328 76.3546 243.118 77.3083L239.687 92.8498C239.476 93.8035 238.532 94.406 237.579 94.1954L222.037 90.7642C221.083 90.5537 220.481 89.6099 220.691 88.6561C220.902 87.7024 221.846 87.1 222.8 87.3106L233.81 89.7415C228.911 83.6761 222.029 78.3358 215.023 74.2254C206.604 69.2863 198.303 66.2951 193.448 65.8676C192.475 65.782 191.756 64.9238 191.842 63.9509Z" fill="#C6C9D2"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M122.195 218.784C122.233 219.76 121.474 220.583 120.498 220.622C115.681 220.813 107.872 218.994 100.073 215.669C93.498 212.867 86.7069 208.9 81.5376 203.913L80.466 215.83C80.3785 216.802 79.519 217.52 78.5463 217.433C77.5735 217.345 76.8559 216.486 76.9434 215.513L78.3688 199.661C78.4563 198.688 79.3158 197.971 80.2885 198.058L96.1403 199.484C97.1131 199.571 97.8307 200.431 97.7433 201.403C97.6558 202.376 96.7963 203.094 95.8236 203.006L84.6676 202.003C89.3324 206.295 95.4025 209.834 101.46 212.416C109.044 215.649 116.293 217.249 120.357 217.088C121.333 217.049 122.156 217.808 122.195 218.784Z" fill="#C6C9D2"/>
<defs>
<clipPath id="clip0_2352_4354">
<rect width="44.2057" height="56.6333" fill="white" transform="translate(135.171 173.984)"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 22 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 34 KiB

View file

@ -6,10 +6,10 @@ import React, {useState, useEffect, useMemo} from 'react';
import {useIntl, FormattedMessage} from 'react-intl'; import {useIntl, FormattedMessage} from 'react-intl';
import {MODAL_TRANSITION_TIMEOUT} from 'common/utils/constants'; import {MODAL_TRANSITION_TIMEOUT} from 'common/utils/constants';
import bullseye from 'renderer/assets/svg/bullseye.svg'; import calls from 'renderer/assets/svg/calls.svg';
import channels from 'renderer/assets/svg/channels.svg';
import chat2 from 'renderer/assets/svg/chat2.svg'; import chat2 from 'renderer/assets/svg/chat2.svg';
import clipboard from 'renderer/assets/svg/clipboard.svg'; import collaborate from 'renderer/assets/svg/collaborate.svg';
import integrate from 'renderer/assets/svg/integrate.svg';
import Carousel from 'renderer/components/Carousel'; import Carousel from 'renderer/components/Carousel';
import Header from 'renderer/components/Header'; import Header from 'renderer/components/Header';
import LoadingBackground from 'renderer/components/LoadingScreen/LoadingBackground'; import LoadingBackground from 'renderer/components/LoadingScreen/LoadingBackground';
@ -44,7 +44,7 @@ function WelcomeScreen({
title: formatMessage({id: 'renderer.components.welcomeScreen.slides.welcome.title', defaultMessage: 'Welcome'}), title: formatMessage({id: 'renderer.components.welcomeScreen.slides.welcome.title', defaultMessage: 'Welcome'}),
subtitle: formatMessage({ subtitle: formatMessage({
id: 'renderer.components.welcomeScreen.slides.welcome.subtitle', id: 'renderer.components.welcomeScreen.slides.welcome.subtitle',
defaultMessage: 'Mattermost is an open source platform for developer collaboration. Secure, flexible, and integrated with the tools you love.', defaultMessage: 'Mattermost is an open source collaboration platform for mission-critical work. Secure, flexible, and integrated with the tools you love.',
}), }),
image: ( image: (
<img <img
@ -55,12 +55,12 @@ function WelcomeScreen({
main: true, main: true,
}, },
{ {
key: 'channels', key: 'Collaborate in real-time',
title: formatMessage({id: 'renderer.components.welcomeScreen.slides.channels.title', defaultMessage: 'Channels'}), title: formatMessage({id: 'renderer.components.welcomeScreen.slides.collaborate.title', defaultMessage: 'Collaborate in real-time'}),
subtitle: ( subtitle: (
<FormattedMessage <FormattedMessage
id='renderer.components.welcomeScreen.slides.channels.subtitle' id='renderer.components.welcomeScreen.slides.collaborate.subtitle'
defaultMessage='All of your teams communication in one place.<br></br>Secure collaboration, built for developers.' defaultMessage='Collaborate effectively with persistent channels, file and code snippet sharing, and workflow automation purpose-built for technical teams.'
values={{ values={{
br: (x: React.ReactNode) => (<><br/>{x}</>), br: (x: React.ReactNode) => (<><br/>{x}</>),
}} }}
@ -68,40 +68,40 @@ function WelcomeScreen({
), ),
image: ( image: (
<img <img
src={channels} src={collaborate}
draggable={false} draggable={false}
/> />
), ),
}, },
{ {
key: 'playbooks', key: 'calls',
title: formatMessage({id: 'renderer.components.welcomeScreen.slides.playbooks.title', defaultMessage: 'Playbooks'}), title: formatMessage({id: 'renderer.components.welcomeScreen.slides.calls.title', defaultMessage: 'Start secure calls instantly'}),
subtitle: formatMessage({ subtitle: formatMessage({
id: 'renderer.components.welcomeScreen.slides.palybooks.subtitle', id: 'renderer.components.welcomeScreen.slides.calls.subtitle',
defaultMessage: 'Move faster and make fewer mistakes with checklists, automations, and tool integrations that power your teams workflows.', defaultMessage: 'When typing isnt fast enough, seamlessly move from chat to audio calls and screenshare without switching tools.',
}), }),
image: ( image: (
<img <img
src={clipboard} src={calls}
draggable={false} draggable={false}
/> />
), ),
}, },
{ {
key: 'boards', key: 'integrate',
title: formatMessage({id: 'renderer.components.welcomeScreen.slides.boards.title', defaultMessage: 'Boards'}), title: formatMessage({id: 'renderer.components.welcomeScreen.slides.integrate.title', defaultMessage: 'Integrate with tools you love'}),
subtitle: formatMessage({ subtitle: formatMessage({
id: 'renderer.components.welcomeScreen.slides.boards.subtitle', id: 'renderer.components.welcomeScreen.slides.integrate.subtitle',
defaultMessage: 'Ship on time, every time, with a project and task management solution built for digital operations.', defaultMessage: 'Execute and automate workflows with flexible, custom integrations with popular technical tools like GitHub, GitLab, and ServiceNow.',
}), }),
image: ( image: (
<img <img
src={bullseye} src={integrate}
draggable={false} draggable={false}
/> />
), ),
}, },
], []); ], [formatMessage]);
const handleOnGetStartedClick = () => { const handleOnGetStartedClick = () => {
setTransition('outToLeft'); setTransition('outToLeft');

View file

@ -31,7 +31,7 @@
flex: 1; flex: 1;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin-top: 22px; margin-top: 16px;
} }
} }

View file

@ -4,7 +4,6 @@
.WelcomeScreenSlide { .WelcomeScreenSlide {
display: flex; display: flex;
flex: 1; flex: 1;
max-width: 540px;
flex-flow: column; flex-flow: column;
justify-content: flex-end; justify-content: flex-end;
@ -17,9 +16,10 @@
font-family: 'Metropolis'; font-family: 'Metropolis';
font-size: 80px; font-size: 80px;
font-weight: 600; font-weight: 600;
letter-spacing: -0.05em; letter-spacing: -1.6px;
line-height: 88px; line-height: 88px;
text-align: center; text-align: center;
margin: 16px 0;
} }
.WelcomeScreenSlide__subtitle { .WelcomeScreenSlide__subtitle {
@ -29,22 +29,16 @@
font-weight: 400; font-weight: 400;
line-height: 24px; line-height: 24px;
text-align: center; text-align: center;
margin-top: 16px; max-width: 580px;
margin: auto;
} }
&.WelcomeScreenSlide--main { &.WelcomeScreenSlide--main {
position: relative;
height: 100%;
max-width: 582px;
.WelcomeScreenSlide__title { .WelcomeScreenSlide__title {
font-size: 128px; font-size: 80px;
line-height: 128px; line-height: normal;
}
.WelcomeScreenSlide__image {
position: absolute;
display: block;
bottom: 115px;
} }
} }