4ba3099d69
* update onboarding illustrations and background * update forgot password illustration * updated mfa illustration * updated text style on forgot password * Update background.tsx * optimize background svg
575 lines
41 KiB
TypeScript
575 lines
41 KiB
TypeScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
/* eslint-disable max-lines */
|
|
|
|
import React from 'react';
|
|
import Svg, {
|
|
Rect,
|
|
Path,
|
|
Circle,
|
|
Ellipse,
|
|
G,
|
|
Defs,
|
|
ClipPath,
|
|
LinearGradient,
|
|
Stop,
|
|
} from 'react-native-svg';
|
|
|
|
import type {StyleProp, ViewStyle} from 'react-native';
|
|
|
|
type Props = {
|
|
theme: Theme;
|
|
styles: StyleProp<ViewStyle>;
|
|
};
|
|
|
|
const IntegrationsSvg = ({theme, styles}: Props) => {
|
|
return (
|
|
<Svg
|
|
width={333}
|
|
height={203}
|
|
viewBox='0 0 333 203'
|
|
fill='none'
|
|
style={styles}
|
|
>
|
|
<Rect
|
|
width={123}
|
|
height={117}
|
|
rx={4.52381}
|
|
transform='matrix(1 0 0 -1 181.5 124.739)'
|
|
fill={theme.centerChannelColor}
|
|
fillOpacity={0.16}
|
|
/>
|
|
<Rect
|
|
width={94.5}
|
|
height={78}
|
|
rx={4.52381}
|
|
transform='matrix(1 0 0 -1 28.5 195.239)'
|
|
fill={theme.centerChannelColor}
|
|
fillOpacity={0.16}
|
|
/>
|
|
<Path
|
|
d='M18 36.6837L18 57.2393L214.501 57.2393L214.501 5.48926'
|
|
stroke={theme.centerChannelColor}
|
|
strokeOpacity={0.32}
|
|
strokeWidth={1.5}
|
|
strokeLinecap='round'
|
|
/>
|
|
<Ellipse
|
|
cx={3}
|
|
cy={3}
|
|
rx={3}
|
|
ry={3}
|
|
transform='matrix(1 8.74228e-08 8.74228e-08 -1 15 36.2393)'
|
|
fill={theme.centerChannelColor}
|
|
fillOpacity={0.48}
|
|
/>
|
|
<Path
|
|
d='M17.3574 191.087L17.3574 154.64L53.13 154.64'
|
|
stroke={theme.centerChannelColor}
|
|
strokeOpacity={0.32}
|
|
strokeWidth={1.5}
|
|
strokeLinecap='round'
|
|
/>
|
|
<Circle
|
|
cx={3.37477}
|
|
cy={3.37477}
|
|
r={3.37477}
|
|
transform='matrix(1 8.74228e-08 8.74228e-08 -1 13.9824 197.837)'
|
|
fill={theme.centerChannelColor}
|
|
fillOpacity={0.48}
|
|
/>
|
|
<Rect
|
|
x={56.5161}
|
|
y={25.062}
|
|
width={224.058}
|
|
height={146.664}
|
|
rx={8.12598}
|
|
fill={theme.centerChannelBg}
|
|
stroke={theme.centerChannelColor}
|
|
strokeWidth={8.12598}
|
|
/>
|
|
<G>
|
|
<Rect
|
|
width={206.536}
|
|
height={128.241}
|
|
transform='translate(65.2773 34.498)'
|
|
fill={theme.centerChannelBg}
|
|
/>
|
|
<Rect
|
|
x={65.2773}
|
|
y={34.498}
|
|
width={68.5141}
|
|
height={128.241}
|
|
fill={theme.buttonBg}
|
|
fillOpacity={0.16}
|
|
/>
|
|
<Path
|
|
d='M88.9922 45.0386L114.026 45.0386'
|
|
stroke={theme.centerChannelColor}
|
|
strokeOpacity={0.32}
|
|
strokeWidth={1.5}
|
|
strokeLinecap='round'
|
|
/>
|
|
<Path
|
|
d='M88.9922 48.9915L103.486 48.9915'
|
|
stroke={theme.centerChannelColor}
|
|
strokeOpacity={0.32}
|
|
strokeWidth={1.5}
|
|
strokeLinecap='round'
|
|
/>
|
|
<Path
|
|
d='M141.699 45.6978H173.321'
|
|
stroke={theme.centerChannelColor}
|
|
strokeOpacity={0.32}
|
|
strokeWidth={1.5}
|
|
strokeLinecap='round'
|
|
/>
|
|
<Path
|
|
d='M71.8672 62.1675H91.6309'
|
|
stroke={theme.centerChannelColor}
|
|
strokeOpacity={0.32}
|
|
strokeWidth={1.5}
|
|
strokeLinecap='round'
|
|
/>
|
|
<Circle
|
|
cx={76.5411}
|
|
cy={45.7623}
|
|
r={6.52157}
|
|
fill={theme.centerChannelColor}
|
|
fillOpacity={0.32}
|
|
/>
|
|
<Circle
|
|
cx={73.4961}
|
|
cy={69.2393}
|
|
r={3}
|
|
fill={theme.centerChannelColor}
|
|
fillOpacity={0.32}
|
|
/>
|
|
<Path
|
|
d='M82.4062 69.2393H119.298'
|
|
stroke={theme.centerChannelColor}
|
|
strokeOpacity={0.32}
|
|
strokeWidth={1.5}
|
|
strokeLinecap='round'
|
|
/>
|
|
<Circle
|
|
cx={155.996}
|
|
cy={66.2393}
|
|
r={7.5}
|
|
fill={theme.centerChannelColor}
|
|
fillOpacity={0.32}
|
|
/>
|
|
<Path
|
|
d='M167.996 66.2393H247.581'
|
|
stroke={theme.centerChannelColor}
|
|
strokeOpacity={0.32}
|
|
strokeWidth={1.5}
|
|
strokeLinecap='round'
|
|
/>
|
|
<Path
|
|
d='M167.996 72.2393H247.581'
|
|
stroke={theme.centerChannelColor}
|
|
strokeOpacity={0.32}
|
|
strokeWidth={1.5}
|
|
strokeLinecap='round'
|
|
/>
|
|
<Path
|
|
d='M167.996 60.2393H187.76'
|
|
stroke={theme.centerChannelColor}
|
|
strokeOpacity={0.32}
|
|
strokeWidth={1.5}
|
|
strokeLinecap='round'
|
|
/>
|
|
<Circle
|
|
cx={155.996}
|
|
cy={94.739}
|
|
r={7.5}
|
|
fill={theme.centerChannelColor}
|
|
fillOpacity={0.32}
|
|
/>
|
|
<Path
|
|
d='M167.996 94.739H247.581'
|
|
stroke={theme.centerChannelColor}
|
|
strokeOpacity={0.32}
|
|
strokeWidth={1.5}
|
|
strokeLinecap='round'
|
|
/>
|
|
<Path
|
|
d='M167.996 100.739H247.581'
|
|
stroke={theme.centerChannelColor}
|
|
strokeOpacity={0.32}
|
|
strokeWidth={1.5}
|
|
strokeLinecap='round'
|
|
/>
|
|
<Path
|
|
d='M167.996 88.739H187.76'
|
|
stroke={theme.centerChannelColor}
|
|
strokeOpacity={0.32}
|
|
strokeWidth={1.5}
|
|
strokeLinecap='round'
|
|
/>
|
|
<Circle
|
|
cx={155.996}
|
|
cy={123.239}
|
|
r={7.5}
|
|
fill={theme.centerChannelColor}
|
|
fillOpacity={0.32}
|
|
/>
|
|
<Path
|
|
d='M167.996 123.239H247.581'
|
|
stroke={theme.centerChannelColor}
|
|
strokeOpacity={0.32}
|
|
strokeWidth={1.5}
|
|
strokeLinecap='round'
|
|
/>
|
|
<Path
|
|
d='M167.996 129.239H247.581'
|
|
stroke={theme.centerChannelColor}
|
|
strokeOpacity={0.32}
|
|
strokeWidth={1.5}
|
|
strokeLinecap='round'
|
|
/>
|
|
<Path
|
|
d='M167.996 117.239H187.76'
|
|
stroke={theme.centerChannelColor}
|
|
strokeOpacity={0.32}
|
|
strokeWidth={1.5}
|
|
strokeLinecap='round'
|
|
/>
|
|
<Circle
|
|
cx={73.4961}
|
|
cy={79.7393}
|
|
r={3}
|
|
fill={theme.centerChannelColor}
|
|
fillOpacity={0.32}
|
|
/>
|
|
<Path
|
|
d='M82.4062 79.7393H111.393'
|
|
stroke={theme.centerChannelColor}
|
|
strokeOpacity={0.32}
|
|
strokeWidth={1.5}
|
|
strokeLinecap='round'
|
|
/>
|
|
<Circle
|
|
cx={73.4961}
|
|
cy={91.7385}
|
|
r={3}
|
|
fill={theme.centerChannelColor}
|
|
fillOpacity={0.32}
|
|
/>
|
|
<Path
|
|
d='M82.4062 91.7385H123.251'
|
|
stroke={theme.centerChannelColor}
|
|
strokeOpacity={0.32}
|
|
strokeWidth={1.5}
|
|
strokeLinecap='round'
|
|
/>
|
|
<Circle
|
|
cx={73.4961}
|
|
cy={102.239}
|
|
r={3}
|
|
fill={theme.centerChannelColor}
|
|
fillOpacity={0.32}
|
|
/>
|
|
<Path
|
|
d='M82.4062 102.239H119.298'
|
|
stroke={theme.centerChannelColor}
|
|
strokeOpacity={0.32}
|
|
strokeWidth={1.5}
|
|
strokeLinecap='round'
|
|
/>
|
|
<Circle
|
|
cx={73.4961}
|
|
cy={112.739}
|
|
r={3}
|
|
fill={theme.centerChannelColor}
|
|
fillOpacity={0.32}
|
|
/>
|
|
<Path
|
|
d='M82.4062 112.739H111.393'
|
|
stroke={theme.centerChannelColor}
|
|
strokeOpacity={0.32}
|
|
strokeWidth={1.5}
|
|
strokeLinecap='round'
|
|
/>
|
|
<Circle
|
|
cx={73.4961}
|
|
cy={123.239}
|
|
r={3}
|
|
fill={theme.centerChannelColor}
|
|
fillOpacity={0.32}
|
|
/>
|
|
<Path
|
|
d='M82.4062 123.239H123.251'
|
|
stroke={theme.centerChannelColor}
|
|
strokeOpacity={0.32}
|
|
strokeWidth={1.5}
|
|
strokeLinecap='round'
|
|
/>
|
|
</G>
|
|
<Circle
|
|
cx={34.2783}
|
|
cy={80.7993}
|
|
r={33.0419}
|
|
fill='#fff'
|
|
stroke={theme.centerChannelColor}
|
|
strokeWidth={1.5}
|
|
/>
|
|
<Path
|
|
d='M54.695 76.4419L54.6356 76.2901L48.8865 61.2859C48.7695 60.9919 48.5624 60.7424 48.2948 60.5733C48.0271 60.4071 47.7149 60.3271 47.4002 60.344C47.0856 60.3609 46.7837 60.474 46.5353 60.6679C46.2897 60.8674 46.1115 61.1377 46.0251 61.4421L42.1432 73.3188H26.4242L22.5423 61.4421C22.4581 61.1361 22.2795 60.8644 22.032 60.6657C21.7836 60.4718 21.4818 60.3587 21.1671 60.3418C20.8525 60.3249 20.5402 60.4049 20.2725 60.5711C20.0055 60.7409 19.7986 60.9901 19.6809 61.2837L13.9207 76.2813L13.8635 76.4331C13.0359 78.5955 12.9337 80.9684 13.5724 83.194C14.2111 85.4196 15.5561 87.3772 17.4045 88.7716L17.4243 88.787L17.4771 88.8244L26.235 95.383L30.5678 98.6622L33.2071 100.655C33.5158 100.889 33.8927 101.016 34.2804 101.016C34.668 101.016 35.0449 100.889 35.3537 100.655L37.9929 98.6622L42.3257 95.383L51.1364 88.7848L51.1584 88.7672C53.0027 87.3725 54.3445 85.4169 54.9822 83.1944C55.62 80.9718 55.5192 78.6023 54.695 76.4419Z'
|
|
fill='#E24329'
|
|
/>
|
|
<Path
|
|
d='M54.6942 76.442L54.6348 76.2903C51.8335 76.8653 49.1937 78.0519 46.904 79.7653L34.2773 89.3128C38.5771 92.5657 42.3205 95.3919 42.3205 95.3919L51.1312 88.7938L51.1532 88.7762C53.0001 87.3815 54.344 85.4247 54.9826 83.2002C55.6213 80.9757 55.52 78.604 54.6942 76.442Z'
|
|
fill='#FC6D26'
|
|
/>
|
|
<Path
|
|
d='M26.2363 95.3918L30.5691 98.6711L33.2084 100.664C33.5171 100.898 33.8941 101.025 34.2817 101.025C34.6693 101.025 35.0463 100.898 35.355 100.664L37.9942 98.6711L42.327 95.3918C42.327 95.3918 38.5793 92.5568 34.2795 89.3127C29.9797 92.5568 26.2363 95.3918 26.2363 95.3918Z'
|
|
fill='#FCA326'
|
|
/>
|
|
<Path
|
|
d='M21.6493 79.7653C19.3615 78.0484 16.7223 76.8587 13.9207 76.2815L13.8635 76.4333C13.0359 78.5957 12.9337 80.9686 13.5724 83.1942C14.2111 85.4197 15.5561 87.3773 17.4045 88.7718L17.4243 88.7872L17.4771 88.8246L26.235 95.3831C26.235 95.3831 29.974 92.5569 34.2782 89.304L21.6493 79.7653Z'
|
|
fill='#FC6D26'
|
|
/>
|
|
<Circle
|
|
cx={121.03}
|
|
cy={167.192}
|
|
r={18.702}
|
|
fill='#fff'
|
|
stroke={theme.centerChannelColor}
|
|
strokeWidth={1.5}
|
|
/>
|
|
<Path
|
|
d='M129.986 157.339H119.27C119.27 159.926 121.437 162.032 124.101 162.032H126.083V163.867C126.083 166.454 128.251 168.56 130.915 168.56V158.242C130.915 157.73 130.512 157.339 129.986 157.339Z'
|
|
fill='#2684FF'
|
|
/>
|
|
<Path
|
|
d='M124.691 162.514H113.975C113.975 165.101 116.143 167.206 118.806 167.206H120.788V169.071C120.788 171.658 122.956 173.764 125.62 173.764V163.416C125.62 162.935 125.217 162.514 124.691 162.514Z'
|
|
fill='url(#paint0_linear_4306_244930)'
|
|
/>
|
|
<Path
|
|
d='M119.394 167.717H108.678C108.678 170.304 110.846 172.41 113.509 172.41H115.491V174.245C115.491 176.832 117.659 178.938 120.323 178.938V168.62C120.323 168.108 119.889 167.717 119.394 167.717Z'
|
|
fill='url(#paint1_linear_4306_244930)'
|
|
/>
|
|
<Circle
|
|
cx={194.687}
|
|
cy={180.104}
|
|
r={20.814}
|
|
fill='#fff'
|
|
stroke={theme.centerChannelColor}
|
|
strokeWidth={1.5}
|
|
/>
|
|
{/* The following complex avatar/figure uses original brand tones and details */}
|
|
<Path
|
|
d='M198.711 180.102L196.961 180.362L194.599 180.63L193.07 180.667L191.579 180.621L190.44 180.269L189.43 179.176L188.642 176.944L188.466 176.462L187.42 176.11L186.808 175.1L186.373 173.655L186.855 172.387L187.994 171.988L188.911 172.424L189.346 173.387L189.874 173.304L190.05 173.081L189.874 172.072L189.828 170.803L190.087 169.052L190.078 168.052L190.875 166.774L192.274 165.764L194.719 164.717L197.433 165.116L199.795 166.82L200.888 168.57L201.592 169.839L201.768 172.989L201.24 175.702L200.277 178.111L199.369 179.398'
|
|
fill='#F0D6B7'
|
|
/>
|
|
<Path
|
|
d='M197.23 187.67L190.978 187.93V188.976L191.506 192.654L191.246 192.959L186.874 191.468L186.569 190.94L186.133 185.994L185.105 183.03L184.883 182.326L188.384 179.918L189.477 179.482L190.441 180.668L191.274 181.409L192.238 181.715L192.673 181.844L193.201 184.123L193.599 184.605L194.609 184.253L193.905 185.614L197.703 187.411L197.23 187.67'
|
|
fill='#335061'
|
|
/>
|
|
<Path
|
|
d='M186.854 172.406L187.993 172.008L188.91 172.443L189.345 173.406L189.873 173.323L190.003 172.795L189.744 171.785L190.003 169.377L189.781 168.062L190.568 167.145L192.273 165.792L191.791 165.135L189.382 166.32L188.373 167.108L187.808 168.33L186.937 169.516L186.678 170.915L186.854 172.406Z'
|
|
fill='#6D6B6D'
|
|
/>
|
|
<Path
|
|
d='M188.651 168.292C188.651 168.292 189.308 166.671 191.93 165.884C194.551 165.097 192.06 165.319 192.06 165.319L189.216 166.412L188.123 167.505L187.641 168.376L188.651 168.292ZM187.335 172.099C187.335 172.099 186.418 169.033 189.92 168.598L189.79 168.07L187.382 168.635L186.678 170.914L186.854 172.405L187.335 172.099Z'
|
|
fill='#DCD9D8'
|
|
/>
|
|
<Path
|
|
d='M188.735 176.167L189.309 175.611C189.309 175.611 189.569 175.639 189.615 175.944C189.661 176.25 189.791 179.01 191.671 180.492C191.847 180.631 190.273 180.27 190.273 180.27L188.874 178.084M196.785 175.333C196.785 175.333 196.886 174.008 197.248 174.11C197.609 174.212 197.609 174.573 197.609 174.573C197.609 174.573 196.738 175.129 196.785 175.333ZM200.416 170.479C200.416 170.479 199.693 170.628 199.628 171.267C199.563 171.906 200.416 171.396 200.545 171.35M195.126 170.526C195.126 170.526 194.163 170.655 194.163 171.267C194.163 171.878 195.256 171.832 195.562 171.572M189.18 173.369C189.18 173.369 187.522 172.36 187.346 173.323C187.17 174.286 186.781 174.981 187.605 175.991L187.04 175.815L186.512 174.462L186.336 173.147L187.346 172.1L188.485 172.184L189.143 172.712L189.18 173.369M189.967 170.609C189.967 170.609 190.708 166.756 194.469 166.015C197.563 165.404 199.193 166.145 199.804 166.848C199.804 166.848 197.044 163.57 194.422 164.57C191.801 165.58 189.874 167.414 189.921 168.59C189.995 170.609 189.967 170.609 189.967 170.609M200.11 167.284C200.11 167.284 198.841 167.238 198.795 168.377C198.795 168.377 198.795 168.553 198.878 168.729C198.878 168.729 199.888 167.589 200.499 168.201'
|
|
fill='#F7E4CD'
|
|
/>
|
|
<Path
|
|
d='M194.559 168.849C194.559 168.849 194.337 167.108 192.855 168.117C191.891 168.775 191.984 169.692 192.151 169.868C192.327 170.044 192.28 170.396 192.41 170.155C192.54 169.914 192.503 169.127 192.984 168.904C193.457 168.682 194.253 168.441 194.559 168.849Z'
|
|
fill='#F7E4CD'
|
|
/>
|
|
<Path
|
|
d='M190.449 180.667L186.336 182.501C186.336 182.501 188.04 189.281 187.169 191.384L186.558 191.162L186.512 188.577L185.372 183.687L184.891 182.334L189.179 179.445L190.448 180.667M190.865 184.419L191.449 185.132V187.753H190.754C190.754 187.753 190.671 185.919 190.671 185.697C190.671 185.474 190.754 184.687 190.754 184.687M190.884 188.151L188.911 188.235L189.476 188.633L190.875 188.855'
|
|
fill='#49728B'
|
|
/>
|
|
<Path
|
|
d='M197.617 187.716L199.238 187.67L199.637 191.69L197.978 191.912L197.617 187.716'
|
|
fill='#335061'
|
|
/>
|
|
<Path
|
|
d='M198.051 187.716L200.496 187.587C200.496 187.587 201.506 185.049 201.506 184.919C201.506 184.789 202.377 181.242 202.377 181.242L200.404 179.186L200.005 178.834L198.959 179.88V183.947L198.051 187.716Z'
|
|
fill='#335061'
|
|
/>
|
|
<Path
|
|
d='M199.146 187.41L197.617 187.716L197.84 188.939C198.405 189.198 199.368 188.503 199.368 188.503M199.192 179.75L202.258 182.029L202.341 180.982L200.026 178.843L199.192 179.75'
|
|
fill='#49728B'
|
|
/>
|
|
<Path
|
|
d='M192.403 196.33L191.495 192.653L191.041 189.939L190.967 187.929L195.07 187.707H197.618L197.386 192.301L197.784 195.848L197.738 196.506L194.413 196.765L192.403 196.33Z'
|
|
fill='#fff'
|
|
/>
|
|
<Path
|
|
d='M197.051 187.67C197.051 187.67 196.829 192.218 197.487 195.46C197.487 195.46 196.171 196.293 194.254 196.506L197.931 196.376L198.367 196.117L197.839 188.948L197.7 187.41'
|
|
fill='#DCD9D8'
|
|
/>
|
|
<Path
|
|
d='M199.702 191.347L201.406 190.866L204.639 190.69L205.12 189.199L204.25 186.614L203.24 186.485L201.841 186.92L200.507 187.578L199.794 187.448L199.238 187.67'
|
|
fill='#fff'
|
|
/>
|
|
<Path
|
|
d='M199.674 190.467C199.674 190.467 200.813 189.939 200.989 189.985L200.507 187.577L201.073 187.355C201.073 187.355 201.471 189.633 201.471 189.893C201.471 189.893 203.916 190.022 204.139 190.022C204.139 190.022 204.667 189.013 204.537 187.966L205.019 189.365L205.065 190.152L204.361 191.199L203.574 191.375L202.258 191.328L201.823 190.763L200.294 190.986L199.813 191.162'
|
|
fill='#DCD9D8'
|
|
/>
|
|
<Path
|
|
d='M197.95 187.364L196.986 184.919L195.977 183.474C195.977 183.474 196.199 182.863 196.505 182.863H197.514L198.478 183.215L198.394 184.836L197.95 187.364Z'
|
|
fill='#fff'
|
|
/>
|
|
<Path
|
|
d='M198.144 186.531C198.144 186.531 196.922 184.169 196.922 183.817C196.922 183.817 197.144 183.289 197.45 183.418C197.755 183.548 198.413 183.9 198.413 183.9V183.066L196.922 182.761L195.912 182.89L197.616 186.929L197.968 186.975'
|
|
fill='#DCD9D8'
|
|
/>
|
|
<Path
|
|
d='M192.792 180.76L191.579 180.63L190.439 180.278V180.677L190.995 181.288L192.746 182.075'
|
|
fill='#fff'
|
|
/>
|
|
<Path
|
|
d='M190.835 180.89C190.835 180.89 192.188 181.455 192.632 181.326L192.679 181.853L191.456 181.594L190.715 181.066L190.835 180.89Z'
|
|
fill='#DCD9D8'
|
|
/>
|
|
<Path
|
|
d='M199.7 183.011C198.959 182.993 198.283 182.9 197.7 182.733C197.737 182.493 197.662 182.261 197.727 182.085C197.894 181.965 198.163 181.965 198.413 181.937C198.2 181.835 197.894 181.789 197.653 181.853C197.644 181.687 197.57 181.585 197.523 181.455C197.94 181.307 198.922 180.334 199.478 180.649C199.747 180.807 199.858 181.677 199.876 182.113C199.895 182.465 199.839 182.817 199.7 183.011Z'
|
|
fill='#D33833'
|
|
/>
|
|
<Path
|
|
d='M196.151 181.798C196.151 181.853 196.151 181.909 196.142 181.964C195.911 182.113 195.54 182.113 195.281 182.242C195.651 182.261 195.948 182.353 196.207 182.474C196.198 182.613 196.198 182.761 196.188 182.9C195.762 183.187 195.373 183.622 194.873 183.9C194.632 184.03 193.808 184.363 193.558 184.298C193.419 184.261 193.4 184.085 193.345 183.919C193.224 183.567 192.946 182.992 192.919 182.455C192.891 181.779 192.817 180.64 193.548 180.779C194.141 180.89 194.827 181.159 195.281 181.409C195.568 181.575 195.725 181.761 196.151 181.798Z'
|
|
fill='#D33833'
|
|
/>
|
|
<Path
|
|
d='M196.57 182.603C196.505 182.232 196.431 182.131 196.459 181.806C197.45 181.149 197.626 182.936 196.57 182.603'
|
|
fill='#D33833'
|
|
/>
|
|
<Path
|
|
d='M197.996 182.9C197.996 182.9 197.691 182.464 197.913 182.335C198.135 182.205 198.348 182.335 198.478 182.113C198.608 181.89 198.478 181.761 198.524 181.501C198.571 181.242 198.784 181.196 199.006 181.149C199.228 181.103 199.84 181.02 199.923 181.233L199.664 180.445L199.136 180.269L197.478 181.233L197.394 181.714V182.678M193.402 184.345C193.346 183.659 193.291 182.983 193.235 182.298C193.142 181.279 193.476 181.455 194.365 181.455C194.504 181.455 195.199 181.612 195.245 181.714C195.486 182.205 194.847 182.094 195.523 182.464C196.088 182.77 197.098 182.279 196.866 181.585C196.736 181.427 196.199 181.538 196.005 181.436L194.976 180.908C194.541 180.686 193.541 180.353 193.078 180.668C191.901 181.464 193.152 183.465 193.569 184.298'
|
|
fill='#EF3D3A'
|
|
/>
|
|
<Path
|
|
d='M194.559 168.849C193.364 168.571 192.772 169.349 192.41 170.155C192.086 170.081 192.216 169.636 192.299 169.414C192.512 168.83 193.374 168.043 194.078 168.154C194.374 168.191 194.782 168.469 194.559 168.849ZM200.367 170.201H200.423C200.692 170.757 200.923 171.35 201.266 171.85C201.034 172.387 199.543 172.85 199.561 171.905C199.886 171.767 200.441 171.878 200.729 171.692C200.562 171.239 200.33 170.849 200.367 170.201M195.162 170.22C195.421 170.692 195.504 171.183 195.865 171.535C196.032 171.692 196.347 171.887 196.19 172.331C196.153 172.433 195.884 172.665 195.727 172.711C195.162 172.878 193.837 172.748 194.281 172.035C194.754 172.054 195.384 172.341 195.736 171.998C195.467 171.572 194.985 170.72 195.162 170.22ZM200.154 174.981C199.302 175.527 198.348 176.129 196.94 175.99C196.644 175.731 196.523 175.147 196.82 174.768C196.968 175.027 196.875 175.509 197.301 175.583C198.098 175.722 199.024 175.092 199.598 174.879C199.95 174.277 199.571 174.064 199.247 173.675C198.589 172.887 197.718 171.905 197.746 170.729C198.015 170.535 198.033 171.026 198.07 171.109C198.413 171.905 199.274 172.934 199.895 173.619C200.052 173.786 200.302 173.952 200.33 174.064C200.414 174.379 200.117 174.767 200.154 174.981M188.872 174.406C188.603 174.249 188.538 173.582 188.224 173.563C187.77 173.536 187.853 174.434 187.853 174.962C187.547 174.684 187.492 173.813 187.714 173.369C187.455 173.239 187.343 173.508 187.195 173.6C187.39 172.257 189.168 172.98 188.872 174.406M200.692 175.546C200.293 176.305 199.728 177.139 198.561 177.167C198.533 176.926 198.515 176.546 198.561 176.398C199.46 176.305 200.015 175.851 200.692 175.546ZM195.097 176.036C195.838 176.426 197.209 176.472 198.228 176.444C198.283 176.666 198.283 176.944 198.283 177.213C196.977 177.268 195.439 176.944 195.097 176.036ZM194.958 176.759C195.476 178.056 197.246 177.908 198.737 177.87C198.672 178.037 198.533 178.241 198.348 178.306C197.866 178.5 196.551 178.649 195.884 178.297C195.467 178.074 195.189 177.565 194.958 177.268C194.856 177.129 194.3 176.768 194.958 176.759Z'
|
|
fill='#231F20'
|
|
/>
|
|
<Path
|
|
d='M200.09 183.9C199.488 184.938 198.905 186.003 198.191 186.911C198.488 186.031 198.617 184.549 198.664 183.419C199.294 183.122 199.831 183.484 200.09 183.9'
|
|
fill='#81B0C4'
|
|
/>
|
|
<Path
|
|
d='M203.341 187.624C202.665 187.763 202.192 188.421 201.525 188.374C201.896 187.865 202.526 187.643 203.341 187.624ZM203.637 188.68C203.082 188.736 202.433 188.828 201.877 188.782C202.146 188.374 203.165 188.522 203.637 188.68ZM203.832 189.597C203.211 189.606 202.442 189.597 201.85 189.551C202.202 189.171 203.434 189.412 203.832 189.597Z'
|
|
fill='#231F20'
|
|
/>
|
|
<Path
|
|
d='M198.922 192.098C199.014 192.876 199.32 193.663 199.283 194.515C198.94 194.626 198.746 194.728 198.282 194.728C198.255 194.006 198.153 192.894 198.181 192.2C198.403 192.218 198.736 192.042 198.922 192.098Z'
|
|
fill='#DCD9D8'
|
|
/>
|
|
<Path
|
|
d='M197.925 180.612C197.61 180.816 197.351 181.066 197.045 181.288C196.378 181.325 196.017 181.242 195.535 180.862C195.544 180.834 195.591 180.844 195.591 180.807C196.304 181.122 197.212 180.677 197.925 180.612'
|
|
fill='#F0D6B7'
|
|
/>
|
|
<Path
|
|
d='M194.199 185.456C194.394 184.613 195.163 184.169 195.857 183.706C196.57 184.614 197.006 185.781 197.488 186.911C196.348 186.568 195.19 186.021 194.199 185.456Z'
|
|
fill='#81B0C4'
|
|
/>
|
|
<Path
|
|
d='M198.183 192.209C198.155 192.903 198.247 194.006 198.285 194.737C198.748 194.737 198.942 194.635 199.285 194.524C199.322 193.672 199.016 192.885 198.924 192.107C198.738 192.042 198.405 192.218 198.183 192.209ZM191.032 188.281C191.337 191.069 191.773 193.403 192.579 195.877C194.366 196.423 196.515 196.469 198.099 195.978C197.812 194.589 197.933 192.894 197.766 191.403C197.636 190.282 197.701 189.161 197.525 188.022C195.608 187.624 192.903 187.929 191.032 188.281ZM197.979 188.041C197.96 189.235 198.034 190.421 198.127 191.616C198.59 191.551 198.896 191.505 199.322 191.403C199.183 190.254 199.202 188.948 198.915 187.929C198.59 187.939 198.303 187.929 197.979 188.04V188.041ZM200.304 187.846C200.082 187.8 199.832 187.846 199.628 187.846C199.73 188.819 199.961 189.893 200.045 190.921C200.369 190.93 200.545 190.773 200.813 190.727C200.832 189.828 200.739 188.587 200.304 187.846ZM203.833 191.069C204.519 190.903 204.945 190.069 204.75 189.208C204.62 188.633 204.398 187.54 204.148 187.17C203.972 186.901 203.481 186.54 203.083 186.79C202.444 187.198 201.323 187.318 200.86 187.809C201.091 188.587 201.165 189.643 201.258 190.625C202.055 190.671 203.027 190.403 203.694 190.69C203.231 190.838 202.638 190.838 202.24 191.06C202.573 191.218 203.333 191.19 203.833 191.069V191.069ZM197.479 186.91C196.997 185.781 196.562 184.613 195.848 183.706C195.154 184.169 194.394 184.613 194.19 185.456C195.191 186.021 196.349 186.568 197.479 186.91ZM198.664 183.419C198.618 184.549 198.488 186.031 198.192 186.91C198.905 185.994 199.489 184.938 200.091 183.9C199.832 183.483 199.294 183.122 198.664 183.419L198.664 183.419ZM197.321 182.946C197.053 182.918 196.821 183.261 196.469 183.113C196.386 183.206 196.312 183.298 196.228 183.391C197.006 184.335 197.368 185.669 197.97 186.772C198.294 185.706 198.257 184.549 198.331 183.391C197.886 183.409 197.636 182.974 197.321 182.946V182.946ZM196.46 181.807C196.432 182.131 196.506 182.233 196.571 182.604C197.627 182.937 197.451 181.149 196.46 181.807ZM195.283 181.418C194.829 181.168 194.144 180.899 193.551 180.788C192.819 180.649 192.893 181.788 192.921 182.465C192.949 183.002 193.227 183.567 193.347 183.928C193.403 184.095 193.421 184.271 193.561 184.308C193.811 184.363 194.644 184.039 194.876 183.909C195.376 183.641 195.765 183.206 196.191 182.909C196.2 182.77 196.2 182.622 196.21 182.483C195.95 182.353 195.663 182.27 195.283 182.252C195.534 182.122 195.913 182.122 196.145 181.974C196.145 181.918 196.145 181.863 196.154 181.807C195.728 181.761 195.57 181.575 195.283 181.418ZM190.93 180.631C190.55 181.02 191.995 181.538 192.449 181.566C192.449 181.325 192.588 181.094 192.56 180.918C192.014 180.825 191.3 180.89 190.93 180.631ZM195.598 180.807C195.598 180.844 195.552 180.834 195.543 180.862C196.034 181.242 196.395 181.325 197.053 181.288C197.349 181.075 197.618 180.816 197.933 180.612C197.21 180.677 196.302 181.122 195.598 180.807H195.598ZM199.878 182.103C199.859 181.677 199.748 180.797 199.479 180.64C198.924 180.316 197.942 181.297 197.525 181.446C197.571 181.575 197.645 181.677 197.655 181.844C197.905 181.779 198.201 181.825 198.414 181.927C198.164 181.955 197.896 181.955 197.729 182.076C197.673 182.251 197.747 182.483 197.701 182.724C198.285 182.891 198.961 182.974 199.702 183.002C199.841 182.817 199.896 182.465 199.878 182.103ZM190.291 181.001C190.17 180.918 189.364 179.871 189.253 179.917C187.799 180.492 186.437 181.483 185.224 182.427C186.382 184.919 186.854 187.966 186.937 190.903C188.262 191.523 189.429 192.422 191.235 192.514C191.022 191.042 190.837 189.717 190.717 188.328C190.263 188.133 189.614 188.337 189.188 188.272C189.188 187.763 189.837 188.05 189.892 187.707C189.929 187.448 189.531 187.429 189.661 187.022C189.994 187.142 190.17 187.411 190.522 187.513C190.846 186.809 190.522 185.558 190.569 184.965C190.578 184.854 190.624 184.354 190.874 184.437C191.097 184.512 190.865 185.781 190.883 186.336C190.902 186.855 190.819 187.346 191.032 187.67C192.773 187.429 194.542 187.281 196.432 187.225C196.015 187.049 195.524 186.883 194.987 186.577C194.691 186.41 193.774 186.068 193.69 185.79C193.551 185.345 194.042 185.114 194.125 184.734C193.246 185.215 193.079 184.271 192.866 183.613C192.68 183.011 192.569 182.557 192.523 182.214C191.754 181.825 190.939 181.464 190.291 181.001ZM199.109 180.038C200.322 179.454 200.545 182.233 200.063 183.131C200.137 183.4 200.387 183.502 200.489 183.743C199.813 184.956 199.063 186.086 198.368 187.281C198.877 186.957 199.618 187.225 200.221 186.985C200.443 186.901 200.6 186.392 200.767 185.984C201.23 184.873 201.712 183.465 201.925 182.409C201.971 182.168 202.11 181.64 202.073 181.427C202.018 181.038 201.499 180.751 201.23 180.519C200.739 180.075 200.434 179.695 199.915 179.278C199.72 179.584 199.276 179.788 199.109 180.038V180.038ZM187.521 169.284C186.947 169.923 187.067 171.109 187.132 171.961C188.179 171.303 189.559 172.017 189.55 173.128C190.05 173.119 189.735 172.507 189.642 172.109C189.346 170.822 190.142 169.432 189.679 168.256C188.781 168.33 188.049 168.691 187.521 169.284V169.284ZM191.652 165.588C190.346 165.959 188.67 166.913 188.132 168.089C188.549 168.024 188.836 167.821 189.244 167.793C189.401 167.784 189.605 167.858 189.781 167.811C190.133 167.719 190.439 166.922 190.707 166.626C190.967 166.339 191.282 166.209 191.495 165.95C191.634 165.885 191.837 165.885 191.847 165.681C191.791 165.616 191.726 165.57 191.652 165.588ZM198.461 165.94C197.099 165.172 194.802 164.597 193.357 165.32C192.19 165.903 190.615 166.867 190.078 168.08C190.578 169.256 189.929 170.331 189.883 171.526C189.865 172.165 190.18 172.711 190.207 173.406C190.031 173.693 189.513 173.721 189.151 173.702C189.031 173.091 188.818 172.405 188.188 172.331C187.299 172.23 186.641 172.971 186.604 173.739C186.558 174.647 187.299 176.148 188.355 176.046C188.762 176.009 188.864 175.601 189.309 175.601C189.55 176.083 188.938 176.231 188.873 176.574C188.855 176.666 188.92 177.009 188.966 177.176C189.161 177.963 189.587 178.991 190.003 179.593C190.541 180.362 191.587 180.473 192.718 180.547C192.921 180.112 193.662 180.149 194.144 180.26C193.561 180.029 193.023 179.473 192.579 178.982C192.069 178.417 191.55 177.815 191.523 177.074C192.495 178.417 193.292 179.593 195.052 180.186C196.386 180.631 197.942 179.982 198.97 179.26C199.396 178.963 199.646 178.482 199.952 178.056C201.082 176.425 201.61 174.11 201.499 171.859C201.453 170.933 201.453 170.007 201.138 169.386C200.813 168.738 199.711 168.145 199.063 168.738C198.942 168.099 199.6 167.709 200.369 167.941C199.822 167.228 199.248 166.385 198.461 165.94ZM200.999 186.883C202.064 186.355 204.046 185.466 204.704 186.883C204.954 187.411 205.241 188.291 205.362 188.837C205.537 189.597 205.167 191.208 204.38 191.458C203.685 191.681 202.879 191.671 202.045 191.505C201.943 191.421 201.842 191.282 201.758 191.134C201.165 191.116 200.6 191.162 200.137 191.412C200.183 191.857 199.887 191.922 199.6 192.014C199.396 192.838 200.017 193.913 199.869 194.654C199.767 195.191 199.109 195.274 198.627 195.367C198.609 195.664 198.646 195.914 198.683 196.164C198.572 196.571 198.081 196.803 197.608 196.858C196.062 197.044 193.718 197.127 192.236 196.59C191.819 195.571 191.495 194.339 191.152 193.181C189.707 193.339 188.531 192.561 187.428 192.042C187.049 191.866 186.521 191.764 186.372 191.458C186.233 191.162 186.289 190.597 186.252 190.069C186.169 188.707 186.085 187.392 185.733 186.003C185.576 185.373 185.289 184.826 185.094 184.224C184.909 183.669 184.594 182.974 184.511 182.418C184.39 181.594 185.168 181.548 185.659 181.186C186.428 180.631 187.03 180.325 187.864 179.825C188.114 179.677 188.855 179.306 188.938 179.13C189.105 178.787 188.651 178.306 188.531 178.037C188.336 177.611 188.234 177.25 188.206 176.833C187.512 176.722 186.975 176.305 186.66 175.842C186.132 175.064 185.761 173.628 186.224 172.544C186.261 172.461 186.437 172.285 186.465 172.155C186.521 171.896 186.363 171.553 186.354 171.276C186.308 169.858 186.595 168.636 187.549 168.21C187.938 166.663 189.327 166.153 190.633 165.385C191.124 165.097 191.662 164.912 192.217 164.708C194.209 163.977 197.275 164.116 198.933 165.366C199.637 165.894 200.758 167.015 201.156 167.83C202.221 169.969 202.138 173.554 201.397 176.166C201.295 176.518 201.156 177.027 200.952 177.454C200.813 177.75 200.378 178.333 200.424 178.593C200.48 178.861 201.425 179.575 201.629 179.769C201.99 180.121 202.684 180.584 202.74 181.029C202.805 181.501 202.536 182.15 202.397 182.604C201.953 184.123 201.508 185.521 200.999 186.883Z'
|
|
fill='#231F20'
|
|
/>
|
|
<Path
|
|
d='M193.913 176.36C193.969 176.286 194.284 176.166 194.728 176.379C194.728 176.379 194.2 176.462 194.246 177.342L194.024 177.296C194.034 177.305 193.802 176.509 193.913 176.36Z'
|
|
fill='#F7E4CD'
|
|
/>
|
|
<Path
|
|
d='M197.747 183.881C197.747 184.011 197.636 184.122 197.506 184.122C197.377 184.122 197.266 184.011 197.266 183.881C197.266 183.752 197.377 183.641 197.506 183.641C197.645 183.641 197.747 183.752 197.747 183.881ZM197.988 185.002C197.988 185.132 197.877 185.243 197.747 185.243C197.618 185.243 197.506 185.132 197.506 185.002C197.506 184.872 197.618 184.761 197.747 184.761C197.886 184.761 197.988 184.863 197.988 185.002Z'
|
|
fill='#1D1919'
|
|
/>
|
|
<Circle
|
|
cx={269.134}
|
|
cy={29.5679}
|
|
r={28.8179}
|
|
fill='#fff'
|
|
stroke={theme.centerChannelColor}
|
|
strokeWidth={1.5}
|
|
/>
|
|
<Path
|
|
d='M269.133 48.576C279.631 48.576 288.141 40.0658 288.141 29.568C288.141 19.0702 279.631 10.5601 269.133 10.5601C258.635 10.5601 250.125 19.0702 250.125 29.568C250.125 40.0658 258.635 48.576 269.133 48.576Z'
|
|
fill='#4A8CFF'
|
|
/>
|
|
<Path
|
|
d='M256.938 23.6177V32.5503C256.942 33.5192 257.331 34.4465 258.019 35.1286C258.708 35.8106 259.638 36.1916 260.607 36.1878H273.628C273.804 36.1886 273.973 36.1196 274.098 35.9959C274.223 35.8722 274.294 35.7039 274.296 35.5279V26.5953C274.291 25.6264 273.902 24.6991 273.214 24.017C272.526 23.3349 271.595 22.954 270.626 22.9578H257.609C257.522 22.9569 257.435 22.9732 257.354 23.0059C257.273 23.0386 257.199 23.0869 257.136 23.1482C257.074 23.2096 257.024 23.2826 256.99 23.3631C256.956 23.4437 256.938 23.5302 256.938 23.6177ZM275.125 27.1022L280.5 23.1751C280.967 22.788 281.329 22.8854 281.329 23.5855V35.5601C281.329 36.3568 280.887 36.2602 280.5 35.9697L275.125 32.0514V27.1022Z'
|
|
fill='#fff'
|
|
/>
|
|
<Circle
|
|
cx={294.985}
|
|
cy={156.208}
|
|
r={37.2659}
|
|
fill='#fff'
|
|
stroke={theme.centerChannelColor}
|
|
strokeWidth={1.5}
|
|
/>
|
|
<Path
|
|
d='M294.891 131.92C281.531 131.92 270.697 142.813 270.697 156.25C270.697 167 277.63 176.12 287.243 179.337C288.452 179.562 288.896 178.809 288.896 178.166C288.896 177.586 288.873 175.67 288.863 173.637C282.132 175.108 280.712 170.766 280.712 170.766C279.611 167.954 278.025 167.206 278.025 167.206C275.83 165.696 278.191 165.727 278.191 165.727C280.62 165.899 281.9 168.234 281.9 168.234C284.058 171.954 287.56 170.878 288.94 170.257C289.157 168.684 289.784 167.611 290.476 167.004C285.102 166.388 279.453 164.302 279.453 154.98C279.453 152.323 280.398 150.153 281.946 148.449C281.695 147.836 280.867 145.362 282.181 142.011C282.181 142.011 284.212 141.357 288.836 144.504C290.765 143.965 292.835 143.695 294.891 143.686C296.947 143.695 299.019 143.965 300.952 144.504C305.57 141.357 307.599 142.011 307.599 142.011C308.916 145.362 308.087 147.836 307.836 148.449C309.387 150.153 310.326 152.323 310.326 154.98C310.326 164.324 304.666 166.382 299.279 166.984C300.147 167.739 300.92 169.22 300.92 171.49C300.92 174.745 300.892 177.365 300.892 178.166C300.892 178.814 301.327 179.573 302.554 179.334C312.162 176.113 319.085 166.996 319.085 156.25C319.085 142.813 308.253 131.92 294.891 131.92Z'
|
|
fill='#161614'
|
|
/>
|
|
<Path
|
|
d='M279.759 166.578C279.706 166.699 279.517 166.735 279.345 166.652C279.169 166.573 279.071 166.408 279.127 166.287C279.18 166.162 279.369 166.128 279.544 166.211C279.72 166.29 279.82 166.457 279.759 166.578ZM280.949 167.646C280.834 167.754 280.608 167.704 280.455 167.534C280.297 167.364 280.267 167.137 280.385 167.028C280.504 166.92 280.722 166.971 280.881 167.14C281.039 167.312 281.07 167.537 280.949 167.646M281.766 169.012C281.618 169.116 281.375 169.019 281.225 168.802C281.077 168.586 281.077 168.327 281.229 168.223C281.379 168.119 281.618 168.212 281.769 168.427C281.917 168.647 281.917 168.906 281.766 169.012M283.147 170.595C283.014 170.741 282.732 170.702 282.525 170.501C282.313 170.305 282.254 170.027 282.387 169.88C282.522 169.732 282.806 169.774 283.014 169.973C283.224 170.169 283.288 170.449 283.147 170.595M284.931 171.129C284.873 171.319 284.601 171.406 284.327 171.325C284.053 171.242 283.874 171.018 283.929 170.826C283.986 170.634 284.259 170.544 284.535 170.63C284.809 170.713 284.988 170.935 284.931 171.129M286.962 171.355C286.969 171.556 286.736 171.722 286.449 171.726C286.159 171.732 285.925 171.57 285.922 171.373C285.922 171.17 286.15 171.005 286.439 171C286.726 170.995 286.962 171.156 286.962 171.355ZM288.957 171.278C288.992 171.474 288.792 171.675 288.506 171.729C288.225 171.78 287.965 171.659 287.929 171.465C287.894 171.265 288.098 171.064 288.379 171.012C288.665 170.962 288.921 171.079 288.957 171.278Z'
|
|
fill='#161614'
|
|
/>
|
|
<Circle
|
|
cx={3}
|
|
cy={3}
|
|
r={3}
|
|
transform='matrix(1 8.74228e-08 8.74228e-08 -1 211.5 6.23926)'
|
|
fill={theme.centerChannelColor}
|
|
fillOpacity={0.48}
|
|
/>
|
|
<Defs>
|
|
<LinearGradient
|
|
id='paint0_linear_4306_244930'
|
|
x1={125.392}
|
|
y1={162.54}
|
|
x2={120.973}
|
|
y2={167.232}
|
|
gradientUnits='userSpaceOnUse'
|
|
>
|
|
<Stop
|
|
offset={0.176}
|
|
stopColor='#0052CC'
|
|
/>
|
|
<Stop
|
|
offset={1}
|
|
stopColor='#2684FF'
|
|
/>
|
|
</LinearGradient>
|
|
<LinearGradient
|
|
id='paint1_linear_4306_244930'
|
|
x1={120.393}
|
|
y1={167.752}
|
|
x2={115.274}
|
|
y2={172.879}
|
|
gradientUnits='userSpaceOnUse'
|
|
>
|
|
<Stop
|
|
offset={0.176}
|
|
stopColor='#0052CC'
|
|
/>
|
|
<Stop
|
|
offset={1}
|
|
stopColor='#2684FF'
|
|
/>
|
|
</LinearGradient>
|
|
<ClipPath id='clip0_4306_244930'>
|
|
<Rect
|
|
width={206.536}
|
|
height={128.241}
|
|
fill='#fff'
|
|
/>
|
|
</ClipPath>
|
|
</Defs>
|
|
</Svg>
|
|
);
|
|
};
|
|
|
|
export default IntegrationsSvg;
|