Update Images in System Console (#29804)

* Updated groups images in feature discovery

* Updated feature discovery svgs

* Updated upgrade image in Sysem Console

* Feedback. Updated license upload svgs

* Fixes for Alert svg

* Fixing svg sizes per feedback

* Linting

* fix snapshots

* Feedback

* Keep SetupSystemSvg for trials too

* Removed unused svg

---------

Co-authored-by: Pablo Andrés Vélez Vidal <pablovv2012@gmail.com>
Этот коммит содержится в:
Maria A Nunez
2025-01-12 17:49:10 -05:00
коммит произвёл GitHub
родитель 76eee25206
Коммит 023a9fe5fe
42 изменённых файлов: 2819 добавлений и 4685 удалений

Просмотреть файл

@@ -13,7 +13,7 @@ import {
} from 'tests/react_testing_utils';
import {AboutLinks, LicenseSkus} from 'utils/constants';
import SamlSVG from './features/images/saml_svg';
import GroupsSVG from './features/images/groups_svg';
describe('components/feature_discovery', () => {
describe('FeatureDiscovery', () => {
@@ -35,7 +35,7 @@ describe('components/feature_discovery', () => {
defaultMessage: 'Bar',
}}
learnMoreURL='https://test.mattermost.com/secondary/'
featureDiscoveryImage={<SamlSVG/>}
featureDiscoveryImage={<GroupsSVG/>}
// eslint-disable-next-line @typescript-eslint/naming-convention
stats={{TOTAL_USERS: 20}}
prevTrialLicense={{IsLicensed: 'false'}}
@@ -94,7 +94,7 @@ describe('components/feature_discovery', () => {
defaultMessage: 'Bar',
}}
learnMoreURL='https://test.mattermost.com/secondary/'
featureDiscoveryImage={<SamlSVG/>}
featureDiscoveryImage={<GroupsSVG/>}
// eslint-disable-next-line @typescript-eslint/naming-convention
stats={{TOTAL_USERS: 20}}
prevTrialLicense={{IsLicensed: 'false'}}
@@ -154,7 +154,7 @@ describe('components/feature_discovery', () => {
defaultMessage: 'Bar',
}}
learnMoreURL='https://test.mattermost.com/secondary/'
featureDiscoveryImage={<SamlSVG/>}
featureDiscoveryImage={<GroupsSVG/>}
// eslint-disable-next-line @typescript-eslint/naming-convention
stats={{TOTAL_USERS: 20}}
prevTrialLicense={{IsLicensed: 'false'}}

Просмотреть файл

@@ -24,7 +24,11 @@ const AnnouncementBannerFeatureDiscovery: React.FC = () => {
defaultMessage: 'Create announcement banners to notify all members of important information.',
})}
learnMoreURL='https://docs.mattermost.com/administration/announcement-banner.html'
featureDiscoveryImage={<AnnouncementBannerSVG/>}
featureDiscoveryImage={
<AnnouncementBannerSVG
width={294}
height={170}
/>}
/>
);
};

Просмотреть файл

@@ -24,7 +24,11 @@ const ComplianceExportFeatureDiscovery: React.FC = () => {
defaultMessage: 'Run daily compliance reports and export them to a variety of formats consumable by third-party integration tools such as Smarsh (Actiance).',
})}
learnMoreURL={DocLinks.COMPILANCE_EXPORT}
featureDiscoveryImage={<ComplianceExportSVG/>}
featureDiscoveryImage={
<ComplianceExportSVG
width={283}
height={174}
/>}
/>
);
};

Просмотреть файл

@@ -24,7 +24,11 @@ const CustomTermsOfServiceFeatureDiscovery: React.FC = () => {
defaultMessage: 'Create your own terms of service that new users must accept before accessing your Mattermost instance on desktop, web, or mobile.',
})}
learnMoreURL='https://docs.mattermost.com/cloud/cloud-administration/custom-terms-of-service.html'
featureDiscoveryImage={<CustomTermsOfServiceSVG/>}
featureDiscoveryImage={
<CustomTermsOfServiceSVG
width={289}
height={166}
/>}
/>
);
};

Просмотреть файл

@@ -24,7 +24,11 @@ const DataRetentionFeatureDiscovery: React.FC = () => {
defaultMessage: 'Hold on to your data only as long as you need to. Create data retention jobs for select channels and teams to automatically delete disposable data.',
})}
learnMoreURL='https://docs.mattermost.com/administration/data-retention.html'
featureDiscoveryImage={<DataRetentionSVG/>}
featureDiscoveryImage={
<DataRetentionSVG
width={213}
height={156}
/>}
/>
);
};

Просмотреть файл

@@ -24,7 +24,12 @@ const GroupsFeatureDiscovery: React.FC = () => {
defaultMessage: 'Use AD/LDAP groups to organize and apply actions to multiple users at once. Manage team and channel memberships, permissions, and more.',
})}
learnMoreURL='https://docs.mattermost.com/deployment/ldap-group-sync.html'
featureDiscoveryImage={<GroupsSVG/>}
featureDiscoveryImage={
<GroupsSVG
width={276}
height={170}
/>
}
/>
);
};

Просмотреть файл

@@ -10,548 +10,318 @@ type SvgProps = {
const AnnouncementBannerSVG = (props: SvgProps) => (
<svg
width={props.width ? props.width.toString() : '172'}
height={props.height ? props.height.toString() : '220'}
viewBox='0 0 172 220'
width={props.width ? props.width.toString() : '184'}
height={props.height ? props.height.toString() : '113'}
viewBox='0 0 184 113'
fill='none'
xmlns='http://www.w3.org/2000/svg'
>
<path
d='M171.521 59.137C171.521 53.3935 165.803 47.6499 160.086 47.6499H11.4347C5.71737 47.6499 0 53.3935 0 59.137V168.33H171.521V59.137Z'
fill='#2D3039'
/>
<path
d='M0 168.33V179.817C0 185.561 5.71737 191.304 11.4347 191.304H160.086C165.803 191.304 171.521 185.561 171.521 179.817V168.33H0Z'
fill='#DDDFE4'
/>
<path
d='M62.8914 197.026C62.8914 208.513 51.4567 208.513 40.0654 208.513H131.543C120.108 208.513 108.717 208.513 108.717 197.026V191.26H62.9784L62.8914 197.026Z'
fill='#C6C9D2'
/>
<path
d='M160.086 59.1807H11.4346V156.821H160.086V59.1807Z'
fill='white'
/>
<g clipPath='url(#clip0)'>
<rect
x='10.625'
y='58.8018'
width='149.764'
height='98.341'
rx='4'
fill='white'
/>
<rect
x='10.625'
y='58.8018'
width='50.0757'
height='98.341'
fill='#1E325C'
/>
<ellipse
cx='19.1333'
cy='67.8081'
rx='4.61863'
ry='4.62495'
fill='white'
fillOpacity='0.16'
/>
<rect
x='26.6689'
y='64.6436'
width='22.3639'
height='2.43418'
rx='1.21709'
fill='white'
fillOpacity='0.32'
/>
<rect
x='26.6689'
y='69.5122'
width='14.5851'
height='1.94735'
rx='0.973675'
fill='white'
fillOpacity='0.32'
/>
<rect
x='15.4863'
y='78.7622'
width='14.5851'
height='1.94735'
rx='0.973675'
fill='white'
fillOpacity='0.32'
/>
<rect
x='15.4863'
y='143.511'
width='14.5851'
height='1.94733'
rx='0.973667'
fill='white'
fillOpacity='0.32'
/>
<ellipse
cx='17.6741'
cy='86.7948'
rx='2.18777'
ry='2.19076'
fill='white'
fillOpacity='0.16'
/>
<rect
x='22.7783'
y='86.0649'
width='28.198'
height='1.94735'
rx='0.973673'
fill='white'
fillOpacity='0.32'
/>
<ellipse
cx='17.6741'
cy='111.624'
rx='2.18777'
ry='2.19076'
fill='white'
fillOpacity='0.16'
/>
<rect
x='22.7783'
y='110.894'
width='28.198'
height='1.94733'
rx='0.973667'
fill='white'
fillOpacity='0.32'
/>
<ellipse
cx='17.6741'
cy='95.0711'
rx='2.18777'
ry='2.19077'
fill='white'
fillOpacity='0.16'
/>
<rect
x='22.7783'
y='94.3413'
width='24.3086'
height='1.94736'
rx='0.973679'
fill='white'
fillOpacity='0.32'
/>
<ellipse
cx='17.6741'
cy='119.9'
rx='2.18777'
ry='2.19077'
fill='white'
fillOpacity='0.16'
/>
<rect
x='22.7783'
y='119.17'
width='24.3086'
height='1.94735'
rx='0.973677'
fill='white'
fillOpacity='0.32'
/>
<ellipse
cx='17.6741'
cy='103.348'
rx='2.18777'
ry='2.19077'
fill='white'
fillOpacity='0.16'
/>
<rect
x='22.7783'
y='102.618'
width='32.0873'
height='1.94735'
rx='0.973675'
fill='white'
fillOpacity='0.32'
/>
<ellipse
cx='17.6741'
cy='128.177'
rx='2.18777'
ry='2.19076'
fill='white'
fillOpacity='0.16'
/>
<rect
x='22.7783'
y='127.447'
width='32.0873'
height='1.94734'
rx='0.973671'
fill='white'
fillOpacity='0.32'
/>
<ellipse
cx='17.6741'
cy='151.544'
rx='2.18777'
ry='2.19077'
fill='white'
fillOpacity='0.16'
/>
<rect
x='22.7783'
y='150.814'
width='32.0873'
height='1.94733'
rx='0.973667'
fill='white'
fillOpacity='0.32'
/>
<ellipse
cx='17.6741'
cy='136.452'
rx='2.18777'
ry='2.19077'
fill='white'
fillOpacity='0.16'
/>
<rect
x='22.7783'
y='135.722'
width='21.3916'
height='1.94734'
rx='0.973671'
fill='white'
fillOpacity='0.32'
/>
<rect
x='60.7012'
y='72.4331'
width='91.4003'
height='27.2628'
rx='4'
fill='white'
/>
<ellipse
cx='69.8318'
cy='81.5772'
rx='4.14719'
ry='4.15286'
fill='#3D3C40'
fillOpacity='0.08'
/>
<rect
x='77.666'
y='78.0391'
width='19.6607'
height='1.84571'
rx='0.922856'
fill='#3D3C40'
fillOpacity='0.16'
/>
<rect
x='77.7178'
y='82.1699'
width='59.3129'
height='1.46051'
rx='0.730256'
fill='#3D3C40'
fillOpacity='0.08'
/>
<rect
x='77.7178'
y='85.5781'
width='48.6172'
height='1.4605'
rx='0.730252'
fill='#3D3C40'
fillOpacity='0.08'
/>
<rect
x='77.7178'
y='88.4985'
width='66.6055'
height='1.46051'
rx='0.730255'
fill='#3D3C40'
fillOpacity='0.08'
/>
<rect
x='77.7178'
y='91.9062'
width='35.0043'
height='1.46052'
rx='0.730259'
fill='#3D3C40'
fillOpacity='0.08'
/>
<rect
x='60.7012'
y='96.2881'
width='91.4003'
height='27.2629'
rx='4'
fill='white'
/>
<ellipse
cx='69.8318'
cy='105.432'
rx='4.14719'
ry='4.15285'
fill='#3D3C40'
fillOpacity='0.08'
/>
<rect
x='77.666'
y='101.894'
width='19.6607'
height='1.84571'
rx='0.922857'
fill='#3D3C40'
fillOpacity='0.16'
/>
<rect
x='77.7178'
y='106.025'
width='59.3129'
height='1.46051'
rx='0.730253'
fill='#3D3C40'
fillOpacity='0.08'
/>
<rect
x='77.7178'
y='109.433'
width='48.6172'
height='1.46051'
rx='0.730253'
fill='#3D3C40'
fillOpacity='0.08'
/>
<rect
x='77.7178'
y='112.354'
width='66.6055'
height='1.46053'
rx='0.730263'
fill='#3D3C40'
fillOpacity='0.08'
/>
<rect
x='77.7178'
y='115.761'
width='35.0043'
height='1.46051'
rx='0.730255'
fill='#3D3C40'
fillOpacity='0.08'
/>
<rect
x='60.7012'
y='122.091'
width='91.4003'
height='27.2628'
rx='4'
fill='white'
/>
<ellipse
cx='69.8318'
cy='131.235'
rx='4.14719'
ry='4.15287'
fill='#3D3C40'
fillOpacity='0.08'
/>
<rect
x='77.666'
y='127.697'
width='19.6607'
height='1.84569'
rx='0.922844'
fill='#3D3C40'
fillOpacity='0.16'
/>
<rect
x='77.7178'
y='131.828'
width='59.3129'
height='1.46053'
rx='0.730263'
fill='#3D3C40'
fillOpacity='0.08'
/>
<rect
x='77.7178'
y='135.235'
width='48.6172'
height='1.46053'
rx='0.730263'
fill='#3D3C40'
fillOpacity='0.08'
/>
<rect
x='77.7178'
y='138.156'
width='66.6055'
height='1.4605'
rx='0.730251'
fill='#3D3C40'
fillOpacity='0.08'
/>
<rect
x='77.7178'
y='141.564'
width='35.0043'
height='1.46049'
rx='0.730247'
fill='#3D3C40'
fillOpacity='0.08'
/>
<rect
x='62.1592'
y='60.2627'
width='115.709'
height='14.892'
rx='4'
fill='white'
/>
<ellipse
cx='92.084'
cy='66.6189'
rx='1.26953'
ry='1.27127'
fill='#3D3C40'
fillOpacity='0.16'
/>
<ellipse
cx='131.621'
cy='67.7092'
rx='1.63225'
ry='1.63449'
fill='#3D3C40'
fillOpacity='0.16'
/>
<ellipse
cx='97.5254'
cy='66.6189'
rx='1.26952'
ry='1.27127'
fill='#3D3C40'
fillOpacity='0.16'
/>
<rect
x='67.2373'
y='65.7104'
width='21.038'
height='1.45288'
rx='0.726438'
fill='#3D3C40'
fillOpacity='0.24'
/>
<rect
x='135.792'
y='66.0747'
width='27.2043'
height='3.26898'
rx='1.63449'
fill='#3D3C40'
fillOpacity='0.08'
/>
<rect
x='76.668'
y='69.3428'
width='32.2824'
height='0.726439'
rx='0.36322'
fill='#3D3C40'
fillOpacity='0.08'
/>
<ellipse
cx='68.3255'
cy='69.7064'
rx='1.08817'
ry='1.08966'
fill='#3D3C40'
fillOpacity='0.16'
/>
<ellipse
cx='72.678'
cy='69.7064'
rx='1.08817'
ry='1.08966'
fill='#3D3C40'
fillOpacity='0.16'
/>
</g>
<rect
x='10.125'
y='58.3018'
width='150.764'
height='99.341'
rx='4.5'
stroke='#3F4350'
strokeOpacity='0.16'
x='2.745'
y='15'
width='181'
height='78'
rx='5.625'
fill='var(--center-channel-color)'
fillOpacity='0.12'
/>
<path
d='M85.76 176.749C86.3254 176.749 86.8781 176.917 87.3482 177.233C87.8183 177.548 88.1847 177.997 88.401 178.521C88.6174 179.046 88.674 179.623 88.5637 180.181C88.4534 180.738 88.1812 181.249 87.7814 181.651C87.3816 182.053 86.8722 182.326 86.3177 182.437C85.7631 182.548 85.1884 182.491 84.666 182.274C84.1437 182.056 83.6972 181.688 83.3831 181.216C83.069 180.744 82.9014 180.188 82.9014 179.62C82.9014 178.859 83.2025 178.128 83.7386 177.59C84.2747 177.051 85.0018 176.749 85.76 176.749Z'
fill='#BABEC9'
d='M11.4834 28L16.9999 33.5618V59L172 59L172 68'
stroke='var(--center-channel-color)'
strokeOpacity='0.24'
strokeLinecap='round'
/>
<circle
cx='2.5'
cy='2.5'
r='2.5'
transform='matrix(1 0 0 -1 7 29)'
fill='var(--center-channel-color)'
fillOpacity='0.32'
/>
<path
d='M131.499 208.513H40.0215V220H131.499V208.513Z'
fill='#A4A9B7'
d='M59.1304 15H126.87L131 108H55L59.1304 15Z'
fill='var(--center-channel-color)'
fillOpacity='0.24'
/>
<rect
opacity='0.92'
x='11'
y='58.5'
width='149.5'
height='42'
fill='#579EFF'
width='92'
height='5'
transform='matrix(1 0 0 -1 47 113)'
fill='var(--center-channel-color)'
fillOpacity='0.4'
/>
<rect
x='27'
y='9'
width='131'
height='86'
rx='4'
fill='var(--center-channel-bg)'
stroke='var(--center-channel-color)'
strokeWidth='4'
/>
<circle
cx='87.9995'
cy='41.0007'
r='5'
fill='var(--center-channel-color)'
fillOpacity='0.32'
/>
<path
d='M29 66.9919C27.192 66.9919 25.512 67.4479 23.96 68.3599C22.456 69.2559 21.256 70.4559 20.36 71.9599C19.448 73.5119 18.992 75.1919 18.992 76.9999C18.992 78.8079 19.448 80.4879 20.36 82.0399C21.256 83.5439 22.456 84.7439 23.96 85.6399C25.512 86.5519 27.192 87.0079 29 87.0079C30.808 87.0079 32.488 86.5519 34.04 85.6399C35.544 84.7439 36.744 83.5439 37.64 82.0399C38.552 80.4879 39.008 78.8079 39.008 76.9999C39.008 75.1919 38.552 73.5119 37.64 71.9599C36.744 70.4559 35.544 69.2559 34.04 68.3599C32.488 67.4479 30.808 66.9919 29 66.9919ZM29 84.9919C27.56 84.9919 26.216 84.6239 24.968 83.8879C23.768 83.1839 22.816 82.2319 22.112 81.0319C21.376 79.7839 21.008 78.4399 21.008 76.9999C21.008 75.5599 21.376 74.2159 22.112 72.9679C22.816 71.7679 23.768 70.8159 24.968 70.1119C26.216 69.3759 27.56 69.0079 29 69.0079C30.44 69.0079 31.784 69.3759 33.032 70.1119C34.232 70.8159 35.184 71.7679 35.888 72.9679C36.624 74.2159 36.992 75.5599 36.992 76.9999C36.992 78.4399 36.624 79.7839 35.888 81.0319C35.184 82.2319 34.232 83.1839 33.032 83.8879C31.784 84.6239 30.44 84.9919 29 84.9919ZM29.504 78.0079H28.496L27.992 72.0079H30.008L29.504 78.0079ZM30.008 81.0079C30.008 81.2799 29.904 81.5119 29.696 81.7039C29.504 81.8959 29.272 81.9919 29 81.9919C28.728 81.9919 28.488 81.8959 28.28 81.7039C28.088 81.5119 27.992 81.2799 27.992 81.0079C27.992 80.7359 28.088 80.5039 28.28 80.3119C28.488 80.1039 28.728 79.9999 29 79.9999C29.272 79.9999 29.504 80.1039 29.696 80.3119C29.904 80.5039 30.008 80.7359 30.008 81.0079Z'
fill='white'
d='M95.9995 41.0007H149.056'
stroke='var(--center-channel-color)'
strokeOpacity='0.32'
strokeLinecap='round'
/>
<path
d='M95.9995 45.0007H149.056'
stroke='var(--center-channel-color)'
strokeOpacity='0.32'
strokeLinecap='round'
/>
<path
d='M95.9995 37.0007H109.175'
stroke='var(--center-channel-color)'
strokeOpacity='0.32'
strokeLinecap='round'
/>
<circle
cx='87.9995'
cy='60.0005'
r='5'
fill='var(--center-channel-color)'
fillOpacity='0.32'
/>
<path
d='M95.9995 60.0005H149.056'
stroke='var(--center-channel-color)'
strokeOpacity='0.32'
strokeLinecap='round'
/>
<path
d='M95.9995 64.0005H149.056'
stroke='var(--center-channel-color)'
strokeOpacity='0.32'
strokeLinecap='round'
/>
<path
d='M95.9995 56.0005H109.175'
stroke='var(--center-channel-color)'
strokeOpacity='0.32'
strokeLinecap='round'
/>
<circle
cx='87.9995'
cy='79.0003'
r='5'
fill='var(--center-channel-color)'
fillOpacity='0.32'
/>
<path
d='M95.9995 79.0003H149.056'
stroke='var(--center-channel-color)'
strokeOpacity='0.32'
strokeLinecap='round'
/>
<path
d='M95.9995 83.0003H149.056'
stroke='var(--center-channel-color)'
strokeOpacity='0.32'
strokeLinecap='round'
/>
<path
d='M95.9995 75.0003H109.175'
stroke='var(--center-channel-color)'
strokeOpacity='0.32'
strokeLinecap='round'
/>
<rect
x='47'
y='69.5'
width='32'
height='3'
rx='1.5'
fill='white'
x='31'
y='13'
width='46'
height='78'
fill='#1C58D9'
fillOpacity='0.16'
/>
<rect
x='47'
y='75.5'
width='88'
height='3'
rx='1.5'
fill='white'
<path
d='M46.8109 20.0273L63.5002 20.0273'
stroke='var(--center-channel-color)'
strokeOpacity='0.32'
strokeLinecap='round'
/>
<rect
x='47'
y='81.5'
width='74'
height='3'
rx='1.5'
fill='white'
<path
d='M46.8109 22.6628L56.4732 22.6628'
stroke='var(--center-channel-color)'
strokeOpacity='0.32'
strokeLinecap='round'
/>
<circle
cx='38.5092'
cy='20.5105'
r='4.34771'
fill='var(--center-channel-color)'
fillOpacity='0.32'
/>
<circle
cx='36.4795'
cy='36.1602'
r='2'
fill='var(--center-channel-color)'
fillOpacity='0.32'
/>
<path
d='M42.4189 36.1602H67.0137'
stroke='var(--center-channel-color)'
strokeOpacity='0.32'
strokeLinecap='round'
/>
<circle
cx='36.4795'
cy='43.1602'
r='2'
fill='var(--center-channel-color)'
fillOpacity='0.32'
/>
<path
d='M42.4189 43.1602H61.7434'
stroke='var(--center-channel-color)'
strokeOpacity='0.32'
strokeLinecap='round'
/>
<circle
cx='36.4795'
cy='51.1602'
r='2'
fill='var(--center-channel-color)'
fillOpacity='0.32'
/>
<path
d='M42.4189 51.1602H69.6489'
stroke='var(--center-channel-color)'
strokeOpacity='0.32'
strokeLinecap='round'
/>
<circle
cx='36.4795'
cy='58.1602'
r='2'
fill='var(--center-channel-color)'
fillOpacity='0.32'
/>
<path
d='M42.4189 58.1602H67.0137'
stroke='var(--center-channel-color)'
strokeOpacity='0.32'
strokeLinecap='round'
/>
<circle
cx='36.4795'
cy='65.1602'
r='2'
fill='var(--center-channel-color)'
fillOpacity='0.32'
/>
<path
d='M42.4189 65.1602H61.7434'
stroke='var(--center-channel-color)'
strokeOpacity='0.32'
strokeLinecap='round'
/>
<circle
cx='36.4795'
cy='72.1602'
r='2'
fill='var(--center-channel-color)'
fillOpacity='0.32'
/>
<path
d='M42.4189 72.1602H69.6489'
stroke='var(--center-channel-color)'
strokeOpacity='0.32'
strokeLinecap='round'
/>
<path
d='M147 101.5H119.5'
stroke='var(--center-channel-color)'
strokeLinecap='round'
strokeLinejoin='round'
/>
<path
d='M116 101.5H110'
stroke='var(--center-channel-color)'
strokeLinecap='round'
/>
<path
d='M107 101.5H101'
stroke='var(--center-channel-color)'
strokeLinecap='round'
/>
<path
d='M29 13C29 11.8954 29.8954 11 31 11H154C155.105 11 156 11.8954 156 13V30H29V13Z'
fill='#28427B'
/>
<path
d='M50 18H74.5948'
stroke='var(--neutral-0)'
strokeLinecap='round'
/>
<path
d='M50 22H131'
stroke='var(--neutral-0)'
strokeLinecap='round'
/>
<circle
cx='39.5'
cy='20.5'
r='5'
stroke='var(--neutral-0)'
/>
<line
x1='39.5'
y1='20'
x2='39.5'
y2='23'
stroke='var(--neutral-0)'
/>
<line
x1='39.5'
y1='20'
x2='39.5'
y2='23'
stroke='var(--neutral-0)'
/>
<line
x1='39.5'
y1='18'
x2='39.5'
y2='19'
stroke='white'
/>
<circle
cx='172'
cy='84'
r='2'
transform='rotate(-90 172 84)'
fill='var(--center-channel-color)'
fillOpacity='0.32'
/>
<circle
cx='172'
cy='78'
r='2'
transform='rotate(-90 172 78)'
fill='var(--center-channel-color)'
fillOpacity='0.32'
/>
<circle
cx='172'
cy='72'
r='2'
transform='rotate(-90 172 72)'
fill='var(--center-channel-color)'
fillOpacity='0.32'
/>
<defs>
<clipPath id='clip0'>
<rect
x='10.625'
y='58.8018'
width='149.764'
height='98.341'
rx='4'
fill='white'
/>
</clipPath>
</defs>
</svg>
);

Различия файлов скрыты, потому что одна или несколько строк слишком длинны

Различия файлов скрыты, потому что одна или несколько строк слишком длинны

Просмотреть файл

@@ -10,333 +10,292 @@ type SvgProps = {
const DataRetentionSVG = (props: SvgProps) => (
<svg
width={props.width ? props.width.toString() : '260'}
height={props.height ? props.height.toString() : '168'}
viewBox='0 0 260 168'
width={props.width ? props.width.toString() : '142'}
height={props.height ? props.height.toString() : '104'}
viewBox='0 0 142 104'
fill='none'
xmlns='http://www.w3.org/2000/svg'
>
<g clipPath='url(#clip0)'>
<path
d='M64.0611 24.3879L69.0314 15.2896L70.1666 11.2692C73.1424 8.58685 74.9335 9.77615 76.1577 10.2563C78.9467 11.3517 81.4613 10.786 82.0406 12.6884C82.3194 13.7936 81.4868 17.3188 80.3752 19.8273C79.8087 21.1648 79.7072 22.4959 78.4146 22.6636C77.5673 22.6923 76.7192 22.647 75.8798 22.5283L72.7481 29.6328L64.0611 24.3879Z'
fill='#FFBC1F'
/>
<path
d='M86.1936 13.3861C86.2193 13.0511 86.1199 12.7184 85.9145 12.452C85.7091 12.1856 85.4122 12.0044 85.081 11.943C82.352 11.0991 83.9278 9.15089 79.9035 7.91525C77.1035 7.05352 74.5961 5.2575 71.6525 5.42236C70.441 5.40623 69.2587 5.79288 68.2921 6.52127C67.8233 6.89591 67.5008 7.42242 67.3806 8.00948C67.2604 8.59653 67.35 9.20707 67.634 9.73519C67.7438 9.90534 67.8891 10.0756 67.8852 10.2774C67.85 10.4716 67.7434 10.6456 67.5862 10.7655C66.7862 11.5608 65.9147 12.5861 66.2753 13.6525C66.4732 14.2477 67.0475 14.7657 66.933 15.3816C66.8686 15.7214 66.6232 15.9971 66.5019 16.3262C66.2378 17.2216 67.4403 17.992 68.3354 17.7138C69.2017 17.3225 69.8982 16.6339 70.2982 15.7734C70.736 15.0624 71.1882 14.2169 70.8983 13.4162C70.7639 13.0477 70.4733 12.725 70.5023 12.332C70.5472 12.1081 70.6623 11.9042 70.831 11.7498C70.9998 11.5955 71.2133 11.4986 71.4409 11.4732C71.7521 11.4269 72.0697 11.4476 72.3722 11.5341C72.6747 11.6206 72.9551 11.7709 73.1944 11.9747C73.4337 12.1785 73.6264 12.4311 73.7594 12.7155C73.8925 13 73.9628 13.3095 73.9655 13.6234C73.9363 14.1934 73.6903 14.8409 74.0162 15.2877C74.4485 15.8585 75.4218 15.5486 75.8168 14.9579C76.1293 14.3175 76.3845 13.6509 76.5797 12.9658C76.9002 12.329 77.6183 11.7141 78.2569 12.0339C78.4624 12.1505 78.649 12.2977 78.8101 12.4704C79.8862 13.4506 81.1912 14.1467 82.606 14.4952C83.2828 14.7192 84.0039 14.7763 84.7076 14.6618C85.0483 14.6043 85.3668 14.455 85.6287 14.2302C85.8906 14.0054 86.0859 13.7135 86.1936 13.3861Z'
fill='#66320A'
/>
<path
d='M79.339 14.8968L79.4101 14.8438C77.6011 13.7253 75.3131 12.3935 73.6846 11.6046C72.0562 10.8158 71.1972 10.6691 69.6228 11.6968C69.3563 11.8733 69.6788 12.2563 69.9524 12.0833C70.3201 11.7701 70.768 11.5652 71.246 11.4916C71.724 11.418 72.2131 11.4786 72.6585 11.6666C73.5136 12.0151 74.333 12.5052 75.149 12.9138C76.192 13.4361 77.735 14.3947 79.019 15.1972C79.1257 15.0911 79.2288 14.9922 79.339 14.8968Z'
fill='white'
/>
<path
d='M78.8931 16.4008C78.7608 16.1422 78.7052 15.8513 78.7327 15.5622C78.7601 15.2732 78.8696 14.998 79.0483 14.7688C79.5216 14.0756 80.3456 13.815 80.8812 14.1807C81.1458 14.423 81.3053 14.7586 81.326 15.1162C81.3467 15.4739 81.2268 15.8255 80.9919 16.0964C80.5364 16.7542 79.6945 17.0502 79.159 16.6846C79.0504 16.6107 78.9596 16.5138 78.8931 16.4008ZM80.8129 14.7046C80.774 14.6349 80.7179 14.5763 80.6499 14.5343C80.2881 14.2823 79.7091 14.4973 79.3532 15.0101C78.9974 15.5229 79.0036 16.1461 79.3653 16.3981C79.7271 16.6501 80.3026 16.4245 80.6584 15.9117C80.8029 15.7439 80.8957 15.538 80.9257 15.3189C80.9556 15.0997 80.9214 14.8765 80.8272 14.6763L80.8129 14.7046Z'
fill='white'
/>
<path
d='M81.0262 16.4858C81.6032 17.5378 82.0521 18.6548 82.3632 19.8129C82.0953 20.8924 79.171 20.0482 79.171 20.0482L81.0262 16.4858Z'
fill='#FFBC1F'
/>
<path
d='M72.8565 21.475C73.7509 22.0518 74.7679 22.4125 75.8266 22.5283C76.2278 22.5609 74.9743 22.6862 74.5731 22.6359C74.0226 22.6407 73.4808 22.4979 73.0045 22.2224C72.6924 21.9953 72.5089 21.2655 72.8565 21.475Z'
fill='#CC8F00'
/>
<path
d='M69.6447 25.7937C90.2872 25.952 90.2316 24.0203 92.3038 48.3019C94.376 72.5835 94.4077 73.4623 73.9955 74.8003C60.3873 75.6949 52.3526 81.1339 51.646 73.676C50.9314 66.0757 50.4789 66.2973 49.2642 53.3846C46.5092 24.8119 46.9776 25.6195 69.6447 25.7937Z'
fill='#FFBC1F'
/>
<path
d='M78.918 43.7416C84.8091 50.4078 98.1156 55.5618 108.397 55.5618C109.866 55.5709 111.329 55.3845 112.748 55.0076C113.62 54.7728 114.468 54.4574 115.281 54.0655C123.744 49.9407 126.261 37.2101 128.103 32.8398C130.373 27.4642 128.015 30.8052 129.548 27.7334C130.096 26.6329 131.445 25.9204 131.882 25.3583C132.509 24.5665 131.31 23.4977 126.785 26.5537C119.639 31.3039 120.433 40.8757 113.399 41.8812C112.516 41.9927 111.622 41.9927 110.739 41.8812C109.95 41.7964 109.167 41.6562 108.397 41.4615C95.8449 38.3739 94.781 26.5458 82.4273 26.0628C82.4273 26.0312 73.019 37.028 78.918 43.7416Z'
fill='#FFBC1F'
/>
<path
d='M14.3781 34.8508C14.1399 35.5158 15.1721 38.8093 15.4499 41.8257C16.1327 49.0936 18.3716 60.2487 28.7723 64.5081C30.0903 65.0345 31.4898 65.3291 32.9087 65.379C33.8105 65.4191 34.7141 65.3767 35.6081 65.2523C41.9597 64.4606 48.9384 59.845 52.4 52.6483C57.1637 42.7124 59.1009 25.857 59.1009 25.857C54.5119 25.857 43.222 24.9782 39.1174 43.0608C38.8605 44.4712 38.2937 45.8075 37.4578 46.9737C36.6218 48.1399 35.5374 49.1072 34.2823 49.8061C33.4956 50.2201 32.6402 50.4884 31.7575 50.5978C30.5586 50.7511 29.3404 50.5782 28.2321 50.0973C27.1237 49.6165 26.1664 48.8457 25.4616 47.8665C19.3006 39.6406 18.5384 30.7893 14.1002 29.9184C9.66208 29.0476 15.5373 31.6127 14.3781 34.8508Z'
fill='#FFBC1F'
/>
<path
d='M82.4269 26.0312C94.7806 26.5142 95.8445 38.3423 108.397 41.4299C109.707 41.7764 111.059 41.9416 112.414 41.9208C112.994 46.1406 113.414 50.3841 113.819 54.6356C112.076 55.2409 110.242 55.5435 108.397 55.5302C98.1152 55.5302 84.8087 50.3762 78.9177 43.7021C73.0266 37.0281 82.4269 26.0312 82.4269 26.0312Z'
fill='#1E325C'
/>
<path
d='M33.2188 50.2577C35.8705 49.363 38.2524 46.9246 39.1178 43.0611C43.1907 24.9785 54.5123 25.8494 59.0934 25.8573C59.0934 25.8573 57.1799 42.7127 52.4004 52.6486C48.5418 60.6607 40.3642 65.4347 33.4569 65.3872C34.1242 60.3598 34.0439 55.2617 33.2188 50.2577Z'
fill='#1E325C'
/>
<path
d='M93.2247 62.442C105.261 97.6254 105.991 112.074 104.872 124.195C103.752 136.316 94.8841 148.786 83.3163 157.914C80.8789 159.64 77.8302 160.859 79.7595 165.562C82.5621 172.402 75.1863 163.416 73.3444 158.943C71.5024 154.47 91.0334 146.687 86.5238 122.802C82.0142 98.9159 69.9146 89.1463 62.3483 72.2433C54.782 55.3404 93.2247 62.442 93.2247 62.442Z'
fill='#174AB5'
/>
<path
d='M77.7511 90.8878C78.8149 92.9067 80.0376 95.0681 81.3238 97.3007L80.8871 97.6569C79.5454 95.2818 78.2671 93.0175 77.2906 91.157C77.1318 90.8562 77.5843 90.587 77.7511 90.8878Z'
fill='#1E325C'
/>
<path
d='M84.3089 148.144C83.5149 149.023 82.721 149.893 81.9668 150.764L81.6333 150.4C82.4272 149.553 83.1735 148.698 83.9278 147.835L84.3089 148.144Z'
fill='#1E325C'
/>
<path
d='M79.1722 64.7852C80.633 104.212 76.8459 122.35 59.7206 135.105C42.5952 147.859 29.3205 148.318 28.8044 154.747C28.2884 161.175 26.7402 159.703 26.1368 153.108C25.3428 144.154 21.5954 150.804 41.4996 135.492C61.4037 120.181 52.0034 79.8355 51.0269 67.8808C50.0503 55.926 79.1722 64.7852 79.1722 64.7852Z'
fill='#1C58D9'
/>
<path
d='M28.5581 148.184C38.5459 143.275 48.9307 137.804 53.5673 127.085C58.728 115.154 56.5287 101.75 56.2032 89.2254C56.0127 81.6725 56.2032 74.1117 56.6955 66.5747C56.6955 66.2342 57.2512 66.2342 57.2274 66.5747C56.8066 73.5021 56.5843 80.4374 56.7034 87.3807C56.8225 94.3239 57.4973 101.267 57.4973 108.226C57.4576 114.251 56.7987 120.363 54.6153 126.024C52.6063 131.172 49.2706 135.699 44.9451 139.15C40.0941 143.109 34.4492 145.904 28.8678 148.651C28.5184 148.793 28.2485 148.334 28.5581 148.184Z'
fill='#1E325C'
/>
<path
d='M87.667 144.059C87.3335 144.502 86.9921 144.937 86.6428 145.373C86.1347 146.006 85.6107 146.624 85.0549 147.241L84.6738 146.94C85.5392 145.935 86.3808 144.906 87.1748 143.845L87.667 144.059Z'
fill='#1E325C'
/>
<path
d='M90.2872 140.037C89.6957 141.082 89.0518 142.097 88.3579 143.077L87.8975 142.871C88.5723 141.906 89.2075 140.916 89.787 139.887L90.2872 140.037Z'
fill='#1E325C'
/>
<path
d='M91.7718 135.437L92.2879 135.564C91.9088 136.731 91.439 137.866 90.8826 138.96L90.3745 138.81C90.7 138.153 91.0176 137.488 91.2875 136.791C91.4701 136.371 91.621 135.888 91.7718 135.437Z'
fill='#1E325C'
/>
<path
d='M93.2405 125.358C93.3455 126.411 93.3959 127.468 93.3913 128.525L92.8673 128.47C92.8698 127.431 92.8168 126.392 92.7085 125.358H93.2405Z'
fill='#1E325C'
/>
<path
d='M92.1925 119.746C92.3036 120.157 92.4068 120.537 92.5021 120.957C92.7561 122.026 92.9546 123.118 93.1055 124.211H92.5656C92.3521 122.759 92.0525 121.321 91.6685 119.904L92.1925 119.746Z'
fill='#1E325C'
/>
<path
d='M90.8189 115.613C91.2 116.602 91.5573 117.592 91.859 118.566L91.335 118.748C91.0333 117.75 90.6919 116.769 90.3267 115.795L90.8189 115.613Z'
fill='#1E325C'
/>
<path
d='M88.8185 111.037C89.3743 112.201 89.8983 113.365 90.4064 114.521L89.93 114.703C89.4537 113.515 88.9297 112.328 88.3818 111.203L88.8185 111.037Z'
fill='#1E325C'
/>
<path
d='M83.8243 101.647C84.5706 102.945 85.3089 104.265 86.0394 105.605L85.5948 105.93C84.8961 104.679 84.1418 103.349 83.3638 101.972L83.8243 101.647Z'
fill='#1E325C'
/>
<path
d='M81.9269 98.3696C82.3556 99.1138 82.7923 99.8659 83.229 100.634L82.7764 100.974C82.3477 100.23 81.911 99.4701 81.4902 98.7259L81.9269 98.3696Z'
fill='#1E325C'
/>
<path
d='M86.6035 106.659C87.191 107.751 87.7548 108.846 88.2946 109.944L87.8262 110.111C87.588 109.636 87.3498 109.161 87.1037 108.701C86.8576 108.242 86.5003 107.577 86.1748 106.975L86.6035 106.659Z'
fill='#1E325C'
/>
<path
d='M93.3435 129.737C93.2614 131.317 93.0194 132.885 92.621 134.416L92.105 134.297C92.4989 132.787 92.7383 131.24 92.8195 129.682L93.3435 129.737Z'
fill='#1E325C'
/>
<path
d='M81.1727 151.659C80.5693 152.34 79.9659 153.013 79.3784 153.71C79.2593 153.583 79.1402 153.456 79.0132 153.338C79.6086 152.649 80.22 151.968 80.8313 151.295C80.9425 151.414 81.0616 151.532 81.1727 151.659Z'
fill='#1E325C'
/>
<path
d='M78.235 154.248L78.6082 154.628C77.9492 155.42 77.3061 156.211 76.6868 157.043C76.4884 157.312 76.0279 157.043 76.2264 156.774C76.8694 155.911 77.584 155.079 78.235 154.248Z'
fill='#1E325C'
/>
<path
d='M63.9285 25.7543C64.4284 26.5861 65.1906 27.2292 66.0959 27.5832C69.3591 28.9211 73.5114 28.9211 75.3374 25.8097C90.343 25.8097 90.4779 26.4748 92.3358 48.3021C93.2726 59.2751 93.7887 65.4663 92.2008 69.0844C83.92 72.655 74.4006 73.8346 65.7228 75.513C61.9436 76.2414 58.1486 76.8589 54.3456 77.4052C52.8053 77.0331 51.8923 75.9643 51.6779 73.6763C50.9634 66.0759 50.5108 66.2976 49.2961 53.3848C46.7634 27.4644 46.9143 25.7226 63.9285 25.7543Z'
fill='white'
/>
<path
d='M84.1025 67.3583C81.8076 63.1847 80.0243 58.751 78.791 54.1527C76.4965 44.8511 75.0457 35.3625 74.4561 25.8017C90.3349 25.8017 91.9228 25.2238 93.8521 47.4707C93.9474 48.5474 92.6929 50.4792 93.0581 51.5796C96.1307 60.1776 107.135 68.9972 106.23 70.9764C104.967 73.8108 100.148 76.835 94.0823 79.2102C92.4944 79.6139 90.8669 79.9385 89.2393 80.1919C87.9175 75.7687 86.1983 71.4735 84.1025 67.3583Z'
fill='#1E325C'
/>
<path
d='M49.137 69.3455C48.6845 74.6103 48.089 79.1151 48.4622 83.1449C51.9476 82.5669 55.4489 82.2028 58.9661 81.9573C62.7492 73.9434 65.0566 65.3164 65.7781 56.4881C66.2386 51.2233 67.6597 31.0031 67.3104 27.9867C67.0881 25.9599 64.5554 27.67 64.0393 25.7383C46.9219 25.7383 45.0879 27.005 47.5968 52.9809C47.7159 54.2793 49.4705 55.926 49.5261 57.1532C49.669 61.2214 49.539 65.2945 49.137 69.3455Z'
fill='#1E325C'
/>
<path
d='M75.5516 24.7881C76.7267 25.7302 76.5123 25.4689 75.7104 26.9494C74.9086 28.4299 74.5036 29.7679 73.8447 27.9707C73.1857 26.1736 73.0984 26.4586 73.9558 25.3898C74.8133 24.321 74.9562 24.3051 75.5516 24.7881Z'
fill='#1C58D9'
/>
<path
d='M65.7226 25.0894C68.3823 26.2532 67.4058 25.984 67.9139 27.7337C69.0175 31.4943 67.4772 29.4992 63.706 27.3299C61.1416 25.8494 61.4433 25.6198 62.3404 24.7172C63.2376 23.8147 62.9677 23.8543 65.5797 25.0894C68.1918 26.3244 63.055 23.9493 65.7226 25.0894Z'
fill='#1C58D9'
/>
<path
d='M31.7896 50.7562C33.0773 55.5176 33.457 60.4779 32.909 65.3791C33.8108 65.4191 34.7144 65.3767 35.6084 65.2524C36.1167 60.1524 35.6972 55.0028 34.3699 50.0516C34.3527 49.966 34.3233 49.8834 34.2826 49.8062C33.4959 50.2202 32.6405 50.4884 31.7578 50.5979C31.7649 50.6513 31.7755 50.7042 31.7896 50.7562Z'
fill='#1C58D9'
/>
<path
d='M110.739 41.8497C111.226 46.2569 111.896 50.6324 112.748 54.9762C113.62 54.7414 114.468 54.426 115.281 54.0341C114.487 49.9885 113.859 45.9349 113.399 41.8418C112.516 41.956 111.623 41.9586 110.739 41.8497Z'
fill='#1C58D9'
/>
<path
d='M80.0136 160.439C79.1005 161.564 78.7512 163.068 79.7595 165.522C82.5621 172.362 75.1864 163.377 73.3445 158.903C72.8919 157.795 73.7414 156.489 75.2102 154.787C76.8537 156.639 78.4416 158.539 80.0136 160.439Z'
fill='#1E325C'
/>
<path
d='M28.4392 144.882C28.5503 145.151 28.6615 145.412 28.7647 145.674C29.5586 147.463 30.2732 149.252 31.0671 151.025C30.4359 151.442 29.9034 151.99 29.5071 152.633C29.1108 153.276 28.8601 153.997 28.7726 154.747C28.2645 161.167 26.7084 159.703 26.105 153.108C25.5572 147.146 23.7311 148.096 28.4392 144.882Z'
fill='#1E325C'
/>
<path
d='M210.661 126.557C205.114 134.407 185.173 130.249 185.173 130.249L169.719 115.949L167.639 114.012L171.128 106.684C171.128 106.684 172.237 106.986 174.14 107.523C184.13 110.392 215.343 119.958 210.661 126.557Z'
fill='#EFB7B9'
/>
<path
opacity='0.1'
d='M174.193 107.519C173.504 109.853 171.616 113.349 169.739 115.896L167.639 113.971L171.162 106.684C171.162 106.684 172.294 106.984 174.193 107.519Z'
fill='black'
/>
<path
opacity='0.1'
d='M136.217 81.1274C136.217 81.1274 132.891 86.8449 134.935 86.4577C136.98 86.0704 136.217 81.1274 136.217 81.1274Z'
fill='black'
/>
<path
d='M137.548 92.7773L180.152 85.8818V126L139.673 123.892L137.548 92.7773Z'
fill='#FFBC1F'
/>
<path
opacity='0.05'
d='M137.548 92.7773L180.152 85.8818V126L139.673 123.892L137.548 92.7773Z'
fill='black'
/>
<path
d='M180.152 85.8818L231.098 89.6845L228.278 124.596L180.152 126V85.8818Z'
fill='#FFBC1F'
/>
<path
opacity='0.1'
d='M180.152 85.8818L231.098 89.6845L228.278 124.596L180.152 126V85.8818Z'
fill='black'
/>
<path
d='M195.82 73.6982L180.152 85.9427L231.112 89.7454L239.44 77.2148L195.82 73.6982Z'
fill='#FFBC1F'
/>
<path
d='M122.056 79.4831L160.454 74.8867L180.152 85.8931L137.499 92.7169L122.056 79.4831Z'
fill='#FFBC1F'
/>
<path
d='M205.078 86.7734H197.133V94.698H205.078V86.7734Z'
fill='white'
/>
<path
opacity='0.1'
d='M205.078 86.7734H197.133V94.698H205.078V86.7734Z'
fill='#3D3C40'
/>
<path
d='M187.6 63.7925H178.066V71.717H187.6V63.7925Z'
fill='white'
/>
<path
opacity='0.08'
d='M187.6 63.7925H178.066V71.717H187.6V63.7925Z'
fill='#3D3C40'
/>
<path
d='M187.6 63.7925H178.066V66.1698H187.6V63.7925Z'
fill='#166DE0'
/>
<path
d='M183.511 77.6606H164.676C164.392 77.6606 164.163 77.9095 164.163 78.2164V96.9162C164.163 97.2231 164.392 97.472 164.676 97.472H183.511C183.795 97.472 184.025 97.2231 184.025 96.9162V78.2164C184.025 77.9095 183.795 77.6606 183.511 77.6606Z'
fill='#EBEBED'
/>
<path
d='M187.086 82.019H168.251C167.968 82.019 167.738 82.2679 167.738 82.5748V101.275C167.738 101.582 167.968 101.83 168.251 101.83H187.086C187.37 101.83 187.6 101.582 187.6 101.275V82.5748C187.6 82.2679 187.37 82.019 187.086 82.019Z'
fill='white'
/>
<path
opacity='0.08'
d='M187.086 82.019H168.251C167.968 82.019 167.738 82.2679 167.738 82.5748V101.275C167.738 101.582 167.968 101.83 168.251 101.83H187.086C187.37 101.83 187.6 101.582 187.6 101.275V82.5748C187.6 82.2679 187.37 82.019 187.086 82.019Z'
fill='#3D3C40'
/>
<path
d='M195.544 84.3965H179.655V104.208H195.544V84.3965Z'
fill='white'
/>
<path
d='M206.667 70.9248H193.956V80.4342H206.667V70.9248Z'
fill='white'
/>
<path
opacity='0.1'
d='M206.667 70.9248H193.956V80.4342H206.667V70.9248Z'
fill='#166DE0'
/>
<path
d='M206.667 70.9248H193.956V73.3022H206.667V70.9248Z'
fill='#166DE0'
/>
<path
d='M231.098 89.7451V143.02L215.118 146.062L207.346 147.542L189.388 150.962V96.3333L231.098 89.7451Z'
fill='#FFBC1F'
/>
<path
d='M122.056 104.27L137.473 92.7168L189.388 96.2412L181.745 109.061L122.056 104.27Z'
fill='#FFBC1F'
/>
<path
opacity='0.1'
d='M122.056 104.27L137.473 92.7168L189.388 96.2412L181.745 109.061L122.056 104.27Z'
fill='white'
/>
<path
d='M230.985 89.7451L189.388 96.3599L202.926 108.467L247.484 101.005L230.985 89.7451Z'
fill='#FFBC1F'
/>
<path
d='M189.388 96.2312V150.962L169.47 148.93L160.806 148.052L158.167 147.777L149.508 146.893L137.548 145.674V92.7168L180.061 95.5942L189.388 96.2312Z'
fill='#FFBC1F'
/>
<path
opacity='0.05'
d='M231.098 89.7451V143.02L215.118 146.062L207.346 147.542L189.388 150.962V96.3333L231.098 89.7451Z'
fill='black'
/>
<path
opacity='0.1'
d='M230.985 89.7451L189.388 96.3599L202.926 108.467L247.484 101.005L230.985 89.7451Z'
fill='white'
/>
<path
opacity='0.1'
d='M230.985 89.7451L189.388 96.3599L202.926 108.467L247.484 101.005L230.985 89.7451Z'
fill='white'
/>
<path
opacity='0.1'
d='M215.01 146.195L207.264 147.693V136.164L214.519 134.321L215.01 146.195Z'
fill='white'
/>
<path
opacity='0.1'
d='M169.427 141.453V148.882L160.787 148.017V141.453H169.427Z'
fill='white'
/>
<path
opacity='0.1'
d='M158.105 143.83V147.99L149.465 147.074V143.83H158.105Z'
fill='white'
/>
<path
d='M189.388 96.2312V150.962L169.47 148.93L160.806 148.052L158.167 147.777L149.508 146.893L137.548 145.674V92.7168L180.061 95.5942L189.388 96.2312Z'
fill='#FFBC1F'
/>
<path
opacity='0.05'
d='M231.098 89.7451V143.02L215.118 146.062L207.346 147.542L189.388 150.962V96.3333L231.098 89.7451Z'
fill='black'
/>
<path
opacity='0.1'
d='M230.985 89.7451L189.388 96.3599L202.926 108.467L247.484 101.005L230.985 89.7451Z'
fill='white'
/>
</g>
<defs>
<clipPath id='clip0'>
<rect
width='259'
height='168'
fill='white'
transform='translate(0.5)'
/>
</clipPath>
</defs>
<path
d='M5.50196 18L5.50195 33L94.002 33'
stroke='var(--center-channel-color)'
strokeOpacity='0.32'
strokeLinecap='round'
/>
<path
d='M4.002 90L14.5019 79.5L14.502 40.5L35.5019 40.5'
stroke='var(--center-channel-color)'
strokeOpacity='0.32'
strokeLinecap='round'
/>
<path
d='M133.502 52L133.502 66L46.002 66'
stroke='var(--center-channel-color)'
strokeOpacity='0.32'
strokeLinecap='round'
/>
<circle
cx='2.5'
cy='2.5'
r='2.5'
transform='matrix(1 8.74228e-08 8.74228e-08 -1 3.00195 18)'
fill='var(--center-channel-color)'
fillOpacity='0.48'
/>
<circle
cx='2.5'
cy='2.5'
r='2.5'
transform='matrix(-1 -1.74846e-07 -1.74846e-07 1 136.002 48.5)'
fill='var(--center-channel-color)'
fillOpacity='0.48'
/>
<circle
cx='2.50195'
cy='91.5'
r='2.5'
fill='var(--center-channel-color)'
fillOpacity='0.48'
/>
<rect
x='11'
y='14'
width='94'
height='40'
rx='3.75'
fill='#1C58D9'
fillOpacity='0.12'
/>
<rect
x='37'
y='57'
width='105'
height='37'
rx='3.75'
fill='#1C58D9'
fillOpacity='0.12'
/>
<rect
x='33.3885'
y='8.15259'
width='50.505'
height='65.3594'
rx='2'
transform='rotate(-8.6173 33.3885 8.15259)'
fill='var(--center-channel-bg)'
/>
<rect
x='33.9578'
y='8.57203'
width='49.505'
height='64.3594'
rx='1.5'
transform='rotate(-8.6173 33.9578 8.57203)'
stroke='var(--center-channel-color)'
strokeOpacity='0.8'
/>
<path
d='M40.3696 14.1746L48.8912 12.8832'
stroke='var(--center-channel-color)'
strokeOpacity='0.48'
strokeLinecap='round'
/>
<path
d='M46.8125 56.6891L74.5075 52.4921'
stroke='var(--center-channel-color)'
strokeOpacity='0.48'
strokeLinecap='round'
/>
<path
d='M44.4152 40.8698L72.1101 36.6727'
stroke='var(--center-channel-color)'
strokeOpacity='0.48'
strokeLinecap='round'
/>
<path
d='M40.969 18.1294L56.5918 15.7618'
stroke='var(--center-channel-color)'
strokeOpacity='0.48'
strokeLinecap='round'
/>
<path
d='M48.0112 64.5989L84.2277 59.1105'
stroke='var(--center-channel-color)'
strokeOpacity='0.48'
strokeLinecap='round'
/>
<path
d='M45.6138 48.7794L81.8303 43.291'
stroke='var(--center-channel-color)'
strokeOpacity='0.48'
strokeLinecap='round'
/>
<path
d='M43.2165 32.9601L79.433 27.4717'
stroke='var(--center-channel-color)'
strokeOpacity='0.48'
strokeLinecap='round'
/>
<path
d='M41.5683 22.0842L47.9595 21.1157'
stroke='var(--center-channel-color)'
strokeOpacity='0.48'
strokeLinecap='round'
/>
<path
d='M50.4667 20.7357L56.8579 19.7672'
stroke='var(--center-channel-color)'
strokeOpacity='0.48'
strokeLinecap='round'
/>
<path
d='M36.2393 36.6232C36.4201 35.6811 37.2442 35 38.2035 35H127.58C128.836 35 129.781 36.1436 129.544 37.3768L119.761 88.3768C119.58 89.3189 118.756 90 117.796 90H28.4201C27.1645 90 26.2194 88.8564 26.4559 87.6232L36.2393 36.6232Z'
fill='var(--center-channel-bg)'
/>
<path
d='M36.2393 36.6232C36.4201 35.6811 37.2442 35 38.2035 35H127.58C128.836 35 129.781 36.1436 129.544 37.3768L119.761 88.3768C119.58 89.3189 118.756 90 117.796 90H28.4201C27.1645 90 26.2194 88.8564 26.4559 87.6232L36.2393 36.6232Z'
fill='var(--center-channel-color)'
fillOpacity='0.56'
/>
<path
d='M36.7304 36.7174C36.8659 36.0108 37.4841 35.5 38.2035 35.5H127.58C128.522 35.5 129.23 36.3577 129.053 37.2826L119.27 88.2826C119.134 88.9892 118.516 89.5 117.796 89.5H28.4201C27.4784 89.5 26.7696 88.6423 26.947 87.7174L36.7304 36.7174Z'
stroke='var(--center-channel-color)'
/>
<rect
x='72.5056'
y='8.99988'
width='50.505'
height='65.3594'
rx='2'
transform='rotate(7.47748 72.5056 8.99988)'
fill='var(--center-channel-color)'
fillOpacity='0.24'
/>
<rect
x='75.5056'
y='7'
width='50.505'
height='65.3594'
rx='2'
transform='rotate(7.47748 75.5056 7)'
fill='var(--center-channel-bg)'
/>
<rect
x='75.9363'
y='7.56082'
width='49.505'
height='64.3594'
rx='1.5'
transform='rotate(7.47748 75.9363 7.56082)'
stroke='var(--center-channel-color)'
strokeOpacity='0.8'
/>
<path
d='M80.5437 14.7212L89.0892 15.8428'
stroke='var(--center-channel-color)'
strokeOpacity='0.48'
strokeLinecap='round'
/>
<path
d='M74.9478 57.3556L102.721 61.0009'
stroke='var(--center-channel-color)'
strokeOpacity='0.48'
strokeLinecap='round'
/>
<path
d='M77.03 41.4917L104.803 45.137'
stroke='var(--center-channel-color)'
strokeOpacity='0.48'
strokeLinecap='round'
/>
<path
d='M80.0231 18.6873L95.6899 20.7436'
stroke='var(--center-channel-color)'
strokeOpacity='0.48'
strokeLinecap='round'
/>
<path
d='M73.9067 65.2876L110.225 70.0545'
stroke='var(--center-channel-color)'
strokeOpacity='0.48'
strokeLinecap='round'
/>
<path
d='M75.9889 49.4236L112.307 54.1905'
stroke='var(--center-channel-color)'
strokeOpacity='0.48'
strokeLinecap='round'
/>
<path
d='M78.0711 33.5597L114.39 38.3266'
stroke='var(--center-channel-color)'
strokeOpacity='0.48'
strokeLinecap='round'
/>
<path
d='M79.5026 22.6532L85.9117 23.4944'
stroke='var(--center-channel-color)'
strokeOpacity='0.48'
strokeLinecap='round'
/>
<path
d='M88.426 23.8245L94.8352 24.6657'
stroke='var(--center-channel-color)'
strokeOpacity='0.48'
strokeLinecap='round'
/>
<path
fillRule='evenodd'
clipRule='evenodd'
d='M35 23C33.8954 23 33 23.8954 33 25V28H28C26.8954 28 26 28.8954 26 30V88C26 89.1046 26.8954 90 28 90H117C118.105 90 119 89.1046 119 88V30C119 28.8954 118.105 28 117 28H65V25C65 23.8954 64.1046 23 63 23H35Z'
fill='var(--center-channel-bg)'
/>
<path
fillRule='evenodd'
clipRule='evenodd'
d='M35 23C33.8954 23 33 23.8954 33 25V28H28C26.8954 28 26 28.8954 26 30V88C26 89.1046 26.8954 90 28 90H117C118.105 90 119 89.1046 119 88V30C119 28.8954 118.105 28 117 28H65V25C65 23.8954 64.1046 23 63 23H35Z'
fill='var(--center-channel-color)'
fillOpacity='0.12'
/>
<path
fillRule='evenodd'
clipRule='evenodd'
stroke='var(--center-channel-color)'
d='M35 23C33.8954 23 33 23.8954 33 25V28H28C26.8954 28 26 28.8954 26 30V88C26 89.1046 26.8954 90 28 90H117C118.105 90 119 89.1046 119 88V30C119 28.8954 118.105 28 117 28H65V25C65 23.8954 64.1046 23 63 23H35Z'
/>
<path
opacity='0.32'
d='M32.1407 103.389C26.137 103.269 21.158 101.213 17.2037 97.2224C13.2495 93.2314 11.1816 88.2605 11 82.3095C11.1785 76.3555 13.2464 71.383 17.2037 67.392C21.1611 63.4011 26.1401 61.3455 32.1407 61.2253C38.0859 61.3486 43.0357 63.4042 46.9899 67.392C50.9442 71.3799 53.0121 76.3524 53.1937 82.3095C53.009 88.2636 50.9411 93.2345 46.9899 97.2224C43.0387 101.21 38.089 103.266 32.1407 103.389Z'
fill='var(--center-channel-color)'
fillOpacity='0.32'
/>
<path
d='M32.9469 99.6636C27.0678 99.5437 22.2191 97.5347 18.3653 93.6451C14.5091 89.7532 12.4876 84.9101 12.3066 79.084C12.4845 73.255 14.506 68.4106 18.3651 64.5187C22.2222 60.629 27.0709 58.62 32.9469 58.5001C38.7662 58.623 43.5863 60.6311 47.4412 64.5187C51.2971 68.4074 53.3187 73.2518 53.4998 79.084C53.3157 84.9133 51.2941 89.7564 47.4411 93.6451C43.5894 97.5326 38.7694 99.5407 32.9469 99.6636Z'
fill='var(--center-channel-bg)'
stroke='var(--center-channel-color)'
/>
<path
d='M32.8048 95.0918C28.2155 94.9998 24.4094 93.4274 21.3867 90.3745C18.364 87.3216 16.7832 83.5189 16.6444 78.9667C16.7808 74.412 18.3616 70.6082 21.3867 67.5553C24.4118 64.5024 28.2178 62.93 32.8048 62.838C37.3495 62.9323 41.1332 64.5047 44.1559 67.5553C47.1786 70.6059 48.7594 74.4097 48.8982 78.9667C48.757 83.5213 47.1763 87.3239 44.1559 90.3745C41.1355 93.425 37.3518 94.9975 32.8048 95.0918Z'
fill='var(--center-channel-bg)'
/>
<path
d='M32.8046 94.5917C28.34 94.5 24.6643 92.9742 21.742 90.0227C18.8173 87.0688 17.2829 83.394 17.1446 78.9665C17.2806 74.5369 18.815 70.8611 21.7418 67.9072C24.6667 64.9555 28.3425 63.4298 32.8046 63.3381C37.2233 63.432 40.8774 64.9569 43.8007 67.9072C46.7252 70.8586 48.2597 74.5344 48.3979 78.9666C48.2574 83.3965 46.7228 87.0712 43.8006 90.0227C40.8797 92.9728 37.2257 94.4978 32.8046 94.5917Z'
stroke='var(--center-channel-color)'
strokeOpacity='0.32'
/>
<path
d='M32.7713 61.6285V78.9649L40.4316 86.6252'
stroke='var(--center-channel-color)'
strokeOpacity='0.8'
strokeLinejoin='round'
/>
<circle
cx='32.7713'
cy='78.965'
r='1.61269'
fill='var(--center-channel-color)'
fillOpacity='0.8'
/>
</svg>
);

Просмотреть файл

@@ -10,88 +10,296 @@ type SvgProps = {
const GroupsSVG = (props: SvgProps) => (
<svg
width={props.width ? props.width.toString() : '189'}
height={props.height ? props.height.toString() : '204'}
viewBox='0 0 189 204'
width={props.width ? props.width.toString() : '184'}
height={props.height ? props.height.toString() : '113'}
viewBox='0 0 184 113'
fill='none'
xmlns='http://www.w3.org/2000/svg'
>
<path
d='M183.017 22.0536C183.017 16.1694 177.148 10.2852 171.279 10.2852H18.6818C12.8127 10.2852 6.9436 16.1694 6.9436 22.0536V133.921H183.017V22.0536Z'
fill='#2D3039'
/>
<path
d='M6.9436 133.921V145.689C6.9436 151.574 12.8127 157.458 18.6818 157.458H171.279C177.148 157.458 183.017 151.574 183.017 145.689V133.921H6.9436Z'
fill='#DDDFE4'
/>
<path
d='M71.5038 163.32C71.5038 175.088 59.7656 175.088 48.072 175.088H141.978C130.24 175.088 118.546 175.088 118.546 163.32V157.413H71.5932L71.5038 163.32Z'
fill='#C6C9D2'
/>
<path
d='M171.279 22.0986H18.682V122.13H171.279V22.0986Z'
fill='white'
/>
<path
d='M94.9802 142.546C95.5606 142.546 96.128 142.719 96.6105 143.042C97.0931 143.365 97.4692 143.825 97.6913 144.362C97.9134 144.9 97.9715 145.491 97.8583 146.062C97.7451 146.633 97.4656 147.157 97.0552 147.568C96.6448 147.98 96.1219 148.26 95.5526 148.374C94.9834 148.487 94.3934 148.429 93.8572 148.206C93.321 147.984 92.8627 147.607 92.5402 147.123C92.2178 146.639 92.0457 146.07 92.0457 145.488C92.0457 144.708 92.3548 143.959 92.9051 143.408C93.4554 142.856 94.2019 142.546 94.9802 142.546Z'
fill='#BABEC9'
/>
<path
d='M141.933 175.088H48.0273V186.856H141.933V175.088Z'
fill='#A4A9B7'
/>
<path
d='M59.0001 40H35.0001C32.791 40 31.0001 41.7909 31.0001 44V60C31.0001 62.2091 32.791 64 35.0001 64H59.0001C61.2093 64 63.0001 62.2091 63.0001 60V44C63.0001 41.7909 61.2093 40 59.0001 40Z'
fill='#3D3C40'
fillOpacity='0.24'
/>
<path
d='M47.0001 44C45.4179 44 43.8712 44.4692 42.5556 45.3482C41.24 46.2273 40.2146 47.4767 39.6091 48.9385C39.0036 50.4003 38.8452 52.0089 39.1538 53.5607C39.4625 55.1126 40.2244 56.538 41.3433 57.6568C42.4621 58.7757 43.8876 59.5376 45.4394 59.8463C46.9912 60.155 48.5998 59.9965 50.0616 59.391C51.5234 58.7855 52.7728 57.7602 53.6519 56.4446C54.5309 55.129 55.0001 53.5822 55.0001 52C54.9939 49.8802 54.1491 47.8489 52.6501 46.35C51.1512 44.8511 49.1199 44.0062 47.0001 44ZM47.0001 46.4C47.4748 46.4 47.9388 46.5408 48.3335 46.8045C48.7282 47.0682 49.0358 47.443 49.2174 47.8816C49.3991 48.3201 49.4466 48.8027 49.354 49.2682C49.2614 49.7338 49.0328 50.1614 48.6972 50.4971C48.3615 50.8327 47.9339 51.0613 47.4683 51.1539C47.0028 51.2465 46.5202 51.199 46.0817 51.0173C45.6431 50.8357 45.2683 50.528 45.0046 50.1334C44.7409 49.7387 44.6001 49.2747 44.6001 48.8C44.6022 48.1641 44.8558 47.5549 45.3054 47.1053C45.755 46.6557 46.3643 46.4021 47.0001 46.4V46.4ZM47.0001 57.9538C46.052 57.9495 45.1193 57.714 44.2829 57.2676C43.4464 56.8212 42.7315 56.1775 42.2001 55.3923C42.2386 53.7923 45.4001 52.9115 47.0001 52.9115C48.6001 52.9115 51.7617 53.7923 51.8001 55.3923C51.2681 56.1769 50.5531 56.8202 49.7168 57.2665C48.8805 57.7128 47.9481 57.9487 47.0001 57.9538Z'
fill='white'
/>
<path
d='M107 40H83.0001C80.791 40 79.0001 41.7909 79.0001 44V60C79.0001 62.2091 80.791 64 83.0001 64H107C109.209 64 111 62.2091 111 60V44C111 41.7909 109.209 40 107 40Z'
fill='#3D3C40'
fillOpacity='0.24'
/>
<path
d='M95.0001 44C93.4179 44 91.8712 44.4692 90.5556 45.3482C89.24 46.2273 88.2146 47.4767 87.6091 48.9385C87.0036 50.4003 86.8452 52.0089 87.1538 53.5607C87.4625 55.1126 88.2244 56.538 89.3433 57.6568C90.4621 58.7757 91.8876 59.5376 93.4394 59.8463C94.9912 60.155 96.5998 59.9965 98.0616 59.391C99.5234 58.7855 100.773 57.7602 101.652 56.4446C102.531 55.129 103 53.5822 103 52C102.994 49.8802 102.149 47.8489 100.65 46.35C99.1512 44.8511 97.1199 44.0062 95.0001 44ZM95.0001 46.4C95.4748 46.4 95.9388 46.5408 96.3335 46.8045C96.7282 47.0682 97.0358 47.443 97.2174 47.8816C97.3991 48.3201 97.4466 48.8027 97.354 49.2682C97.2614 49.7338 97.0328 50.1614 96.6972 50.4971C96.3615 50.8327 95.9339 51.0613 95.4683 51.1539C95.0028 51.2465 94.5202 51.199 94.0817 51.0173C93.6431 50.8357 93.2683 50.528 93.0046 50.1334C92.7409 49.7387 92.6001 49.2747 92.6001 48.8C92.6022 48.1641 92.8558 47.5549 93.3054 47.1053C93.755 46.6557 94.3643 46.4021 95.0001 46.4V46.4ZM95.0001 57.9538C94.052 57.9495 93.1193 57.714 92.2829 57.2676C91.4464 56.8212 90.7315 56.1775 90.2001 55.3923C90.2386 53.7923 93.4001 52.9115 95.0001 52.9115C96.6001 52.9115 99.7617 53.7923 99.8001 55.3923C99.2681 56.1769 98.5531 56.8202 97.7168 57.2665C96.8805 57.7128 95.9481 57.9487 95.0001 57.9538Z'
fill='white'
/>
<path
d='M155 40H131C128.791 40 127 41.7909 127 44V60C127 62.2091 128.791 64 131 64H155C157.209 64 159 62.2091 159 60V44C159 41.7909 157.209 40 155 40Z'
fill='#166DE0'
/>
<path
d='M143 44C141.418 44 139.871 44.4692 138.556 45.3482C137.24 46.2273 136.215 47.4767 135.609 48.9385C135.004 50.4003 134.845 52.0089 135.154 53.5607C135.463 55.1126 136.224 56.538 137.343 57.6568C138.462 58.7757 139.888 59.5376 141.439 59.8463C142.991 60.155 144.6 59.9965 146.062 59.391C147.523 58.7855 148.773 57.7602 149.652 56.4446C150.531 55.129 151 53.5822 151 52C150.994 49.8802 150.149 47.8489 148.65 46.35C147.151 44.8511 145.12 44.0062 143 44ZM143 46.4C143.475 46.4 143.939 46.5408 144.333 46.8045C144.728 47.0682 145.036 47.443 145.217 47.8816C145.399 48.3201 145.447 48.8027 145.354 49.2682C145.261 49.7338 145.033 50.1614 144.697 50.4971C144.362 50.8327 143.934 51.0613 143.468 51.1539C143.003 51.2465 142.52 51.199 142.082 51.0173C141.643 50.8357 141.268 50.528 141.005 50.1334C140.741 49.7387 140.6 49.2747 140.6 48.8C140.602 48.1641 140.856 47.5549 141.305 47.1053C141.755 46.6557 142.364 46.4021 143 46.4V46.4ZM143 57.9538C142.052 57.9495 141.119 57.714 140.283 57.2676C139.446 56.8212 138.732 56.1775 138.2 55.3923C138.239 53.7923 141.4 52.9115 143 52.9115C144.6 52.9115 147.762 53.7923 147.8 55.3923C147.268 56.1769 146.553 56.8202 145.717 57.2665C144.88 57.7128 143.948 57.9487 143 57.9538Z'
fill='white'
/>
<path
d='M59.0001 80H35.0001C32.791 80 31.0001 81.7909 31.0001 84V100C31.0001 102.209 32.791 104 35.0001 104H59.0001C61.2093 104 63.0001 102.209 63.0001 100V84C63.0001 81.7909 61.2093 80 59.0001 80Z'
fill='#166DE0'
/>
<path
d='M47.0001 84C45.4179 84 43.8712 84.4692 42.5556 85.3482C41.24 86.2273 40.2146 87.4767 39.6091 88.9385C39.0036 90.4003 38.8452 92.0089 39.1538 93.5607C39.4625 95.1126 40.2244 96.538 41.3433 97.6568C42.4621 98.7757 43.8876 99.5376 45.4394 99.8463C46.9912 100.155 48.5998 99.9965 50.0616 99.391C51.5234 98.7855 52.7728 97.7602 53.6519 96.4446C54.5309 95.129 55.0001 93.5822 55.0001 92C54.9939 89.8802 54.1491 87.8489 52.6501 86.35C51.1512 84.8511 49.1199 84.0062 47.0001 84ZM47.0001 86.4C47.4748 86.4 47.9388 86.5408 48.3335 86.8045C48.7282 87.0682 49.0358 87.443 49.2174 87.8816C49.3991 88.3201 49.4466 88.8027 49.354 89.2682C49.2614 89.7338 49.0328 90.1614 48.6972 90.4971C48.3615 90.8327 47.9339 91.0613 47.4683 91.1539C47.0028 91.2465 46.5202 91.199 46.0817 91.0173C45.6431 90.8357 45.2683 90.528 45.0046 90.1334C44.7409 89.7387 44.6001 89.2747 44.6001 88.8C44.6022 88.1641 44.8558 87.5549 45.3054 87.1053C45.755 86.6557 46.3643 86.4021 47.0001 86.4V86.4ZM47.0001 97.9538C46.052 97.9495 45.1193 97.714 44.2829 97.2676C43.4464 96.8212 42.7315 96.1775 42.2001 95.3923C42.2386 93.7923 45.4001 92.9115 47.0001 92.9115C48.6001 92.9115 51.7617 93.7923 51.8001 95.3923C51.2681 96.1769 50.5531 96.8202 49.7168 97.2665C48.8805 97.7128 47.9481 97.9487 47.0001 97.9538Z'
fill='white'
/>
<path
d='M107 80H83.0001C80.791 80 79.0001 81.7909 79.0001 84V100C79.0001 102.209 80.791 104 83.0001 104H107C109.209 104 111 102.209 111 100V84C111 81.7909 109.209 80 107 80Z'
fill='#166DE0'
/>
<path
d='M95.0001 84C93.4179 84 91.8712 84.4692 90.5556 85.3482C89.24 86.2273 88.2146 87.4767 87.6091 88.9385C87.0036 90.4003 86.8452 92.0089 87.1538 93.5607C87.4625 95.1126 88.2244 96.538 89.3433 97.6568C90.4621 98.7757 91.8876 99.5376 93.4394 99.8463C94.9912 100.155 96.5998 99.9965 98.0616 99.391C99.5234 98.7855 100.773 97.7602 101.652 96.4446C102.531 95.129 103 93.5822 103 92C102.994 89.8802 102.149 87.8489 100.65 86.35C99.1512 84.8511 97.1199 84.0062 95.0001 84ZM95.0001 86.4C95.4748 86.4 95.9388 86.5408 96.3335 86.8045C96.7282 87.0682 97.0358 87.443 97.2174 87.8816C97.3991 88.3201 97.4466 88.8027 97.354 89.2682C97.2614 89.7338 97.0328 90.1614 96.6972 90.4971C96.3615 90.8327 95.9339 91.0613 95.4683 91.1539C95.0028 91.2465 94.5202 91.199 94.0817 91.0173C93.6431 90.8357 93.2683 90.528 93.0046 90.1334C92.7409 89.7387 92.6001 89.2747 92.6001 88.8C92.6022 88.1641 92.8558 87.5549 93.3054 87.1053C93.755 86.6557 94.3643 86.4021 95.0001 86.4V86.4ZM95.0001 97.9538C94.052 97.9495 93.1193 97.714 92.2829 97.2676C91.4464 96.8212 90.7315 96.1775 90.2001 95.3923C90.2386 93.7923 93.4001 92.9115 95.0001 92.9115C96.6001 92.9115 99.7617 93.7923 99.8001 95.3923C99.2681 96.1769 98.5531 96.8202 97.7168 97.2665C96.8805 97.7128 95.9481 97.9487 95.0001 97.9538Z'
fill='white'
/>
<path
d='M155 80H131C128.791 80 127 81.7909 127 84V100C127 102.209 128.791 104 131 104H155C157.209 104 159 102.209 159 100V84C159 81.7909 157.209 80 155 80Z'
fill='#3D3C40'
fillOpacity='0.24'
/>
<path
d='M143 84C141.418 84 139.871 84.4692 138.556 85.3482C137.24 86.2273 136.215 87.4767 135.609 88.9385C135.004 90.4003 134.845 92.0089 135.154 93.5607C135.463 95.1126 136.224 96.538 137.343 97.6568C138.462 98.7757 139.888 99.5376 141.439 99.8463C142.991 100.155 144.6 99.9965 146.062 99.391C147.523 98.7855 148.773 97.7602 149.652 96.4446C150.531 95.129 151 93.5822 151 92C150.994 89.8802 150.149 87.8489 148.65 86.35C147.151 84.8511 145.12 84.0062 143 84ZM143 86.4C143.475 86.4 143.939 86.5408 144.333 86.8045C144.728 87.0682 145.036 87.443 145.217 87.8816C145.399 88.3201 145.447 88.8027 145.354 89.2682C145.261 89.7338 145.033 90.1614 144.697 90.4971C144.362 90.8327 143.934 91.0613 143.468 91.1539C143.003 91.2465 142.52 91.199 142.082 91.0173C141.643 90.8357 141.268 90.528 141.005 90.1334C140.741 89.7387 140.6 89.2747 140.6 88.8C140.602 88.1641 140.856 87.5549 141.305 87.1053C141.755 86.6557 142.364 86.4021 143 86.4V86.4ZM143 97.9538C142.052 97.9495 141.119 97.714 140.283 97.2676C139.446 96.8212 138.732 96.1775 138.2 95.3923C138.239 93.7923 141.4 92.9115 143 92.9115C144.6 92.9115 147.762 93.7923 147.8 95.3923C147.268 96.1769 146.553 96.8202 145.717 97.2665C144.88 97.7128 143.948 97.9487 143 97.9538Z'
fill='white'
/>
<g clipPath='url(#clip0_4441_155270)'>
<rect
x='2.745'
y='15'
width='181'
height='78'
rx='5.625'
fill='var(--button-bg)'
fillOpacity='0.12'
/>
<path
d='M11 4L16.5 9.5V63.5H37.5'
stroke='var(--center-channel-color)'
strokeOpacity='0.24'
strokeLinecap='round'
/>
<circle
cx='2.5'
cy='2.5'
r='2.5'
transform='matrix(1 0 0 -1 7 5)'
fill='#8C8C8C'
/>
<path
d='M4 28L9.5 33.5V72.5H174.5V101.5'
stroke='var(--center-channel-color)'
strokeOpacity='0.24'
strokeLinecap='round'
/>
<circle
cx='2.5'
cy='2.5'
r='2.5'
transform='matrix(1 0 0 -1 172 105)'
fill='#8C8C8C'
/>
<circle
cx='2.5'
cy='2.5'
r='2.5'
transform='matrix(1 0 0 -1 0 29)'
fill='#8C8C8C'
/>
<path
d='M59.1304 15H126.87L131 108H55L59.1304 15Z'
fill='var(--center-channel-color)'
fillOpacity='0.24'
/>
<rect
width='92'
height='5'
transform='matrix(1 0 0 -1 47 113)'
fill='var(--center-channel-color)'
fillOpacity='0.4'
/>
<rect
x='27'
y='9'
width='131'
height='86'
rx='4'
fill='var(--center-channel-bg)'
stroke='var(--center-channel-color)'
strokeWidth='4'
/>
<path
d='M147 101.5H119.5'
stroke='var(--center-channel-color)'
strokeLinecap='round'
strokeLinejoin='round'
/>
<path
d='M116 101.5H110'
stroke='var(--center-channel-color)'
strokeLinecap='round'
/>
<path
d='M107 101.5H101'
stroke='var(--center-channel-color)'
strokeLinecap='round'
/>
<path
d='M138.518 43.1646C138.518 53.0156 130.498 61.0007 120.606 61.0007C114.997 61.0007 109.99 58.4339 106.706 54.4147C104.198 51.3453 102.694 47.4301 102.694 43.1646C102.694 33.3136 110.714 25.3285 120.606 25.3285C130.498 25.3285 138.518 33.3136 138.518 43.1646Z'
fill='var(--center-channel-bg)'
/>
<path
d='M138.518 43.1646C138.518 53.0156 130.498 61.0007 120.606 61.0007C114.997 61.0007 109.99 58.4339 106.706 54.4147C104.198 51.3453 102.694 47.4301 102.694 43.1646C102.694 33.3136 110.714 25.3285 120.606 25.3285C130.498 25.3285 138.518 33.3136 138.518 43.1646Z'
fill='var(--center-channel-color)'
fillOpacity='0.12'
/>
<mask
id='mask0_4441_155270'
mask-type='luminance'
maskUnits='userSpaceOnUse'
x='102'
y='25'
width='37'
height='37'
>
<path
d='M138.518 43.1646C138.518 53.0156 130.498 61.0007 120.606 61.0007C114.997 61.0007 109.99 58.4339 106.706 54.4147C104.198 51.3453 102.694 47.4301 102.694 43.1646C102.694 33.3136 110.714 25.3285 120.606 25.3285C130.498 25.3285 138.518 33.3136 138.518 43.1646Z'
fill='white'
/>
</mask>
<g mask='url(#mask0_4441_155270)'>
<path
d='M129.928 54.2452L129.228 40.2453C128.93 34.2984 125.16 29.6744 120.609 29.6744C116.058 29.6744 112.289 34.2984 111.991 40.2453L111.291 54.2452H129.928Z'
fill='#1B1D22'
/>
<path
d='M134.117 54.695C133.453 52.3994 131.597 50.6436 129.268 50.107L124.343 48.9724H116.875L111.949 50.107C109.62 50.6436 107.765 52.3994 107.101 54.695L105.221 64.6223H135.996L134.117 54.695Z'
fill='var(--center-channel-bg)'
/>
<path
opacity='0.24'
d='M134.117 54.695C133.453 52.3994 131.597 50.6436 129.268 50.107L124.343 48.9724H116.875L111.949 50.107C109.62 50.6436 107.765 52.3994 107.101 54.695L105.221 64.6223H135.996L134.117 54.695Z'
fill='var(--button-bg)'
/>
<path
d='M123.844 49.1791L122.833 45.7231H118.4L117.58 49.1791C119.369 50.139 122.054 50.139 123.844 49.1791Z'
fill='var(--center-channel-bg)'
/>
<path
d='M123.844 49.1791L122.833 45.7231H118.4L117.58 49.1791C119.369 50.139 122.054 50.139 123.844 49.1791Z'
fill='var(--center-channel-color)'
fillOpacity='0.56'
/>
<path
d='M126.947 38.5957C127.568 38.4195 127.597 39.3908 127.361 40.3985C127.146 41.3168 126.947 42.8174 126.3 42.4531C125.52 44.6153 124.099 46.2593 122.38 46.9103C121.846 47.1551 121.279 47.2891 120.691 47.2891C119.933 47.2891 119.211 47.067 118.55 46.6722C117.065 45.9043 115.85 44.3754 115.154 42.4298C114.515 42.5975 114.245 41.0113 114.101 40.3985C113.918 39.6201 113.687 38.5956 114.515 38.5956C114.533 33.8795 117.309 30.0635 120.731 30.0635C124.153 30.0635 126.93 33.8795 126.947 38.5957Z'
fill='var(--center-channel-bg)'
/>
<path
d='M126.947 38.5957C127.568 38.4195 127.597 39.3908 127.361 40.3985C127.146 41.3168 126.947 42.8174 126.3 42.4531C125.52 44.6153 124.099 46.2593 122.38 46.9103C121.846 47.1551 121.279 47.2891 120.691 47.2891C119.933 47.2891 119.211 47.067 118.55 46.6722C117.065 45.9043 115.85 44.3754 115.154 42.4298C114.515 42.5975 114.245 41.0113 114.101 40.3985C113.918 39.6201 113.687 38.5956 114.515 38.5956C114.533 33.8795 117.309 30.0635 120.731 30.0635C124.153 30.0635 126.93 33.8795 126.947 38.5957Z'
fill='var(--center-channel-color)'
fillOpacity='0.56'
/>
<path
d='M127.453 38.6215C127.443 38.6928 127.396 38.756 127.324 38.7917C127.252 38.8273 127.164 38.8314 127.089 38.8018C125.182 38.0754 123.334 36.1163 122.749 34.2774C120.9 36.1958 117.847 38.4392 114.805 38.9322C114.789 38.9353 114.774 38.9363 114.757 38.9363L114.758 38.9373C114.704 38.9373 114.649 38.9221 114.604 38.8946C114.546 38.8579 114.509 38.8018 114.499 38.7407C114.193 36.5446 114.838 32.3895 116.797 31.1075C118.092 30.2596 119.089 29.6962 120.712 29.8026C122.36 29.9106 124.151 30.8035 125.427 31.708C127.32 33.0495 127.719 36.4791 127.453 38.6215Z'
fill='#1B1D22'
/>
</g>
<path
d='M82.12 42.589C82.12 52.4595 74.0844 60.4603 64.173 60.4603C58.553 60.4603 53.5359 57.8885 50.2457 53.8614C47.7322 50.7859 46.2261 46.863 46.2261 42.589C46.2261 32.7186 54.2616 24.7178 64.173 24.7178C74.0844 24.7178 82.12 32.7186 82.12 42.589Z'
fill='var(--center-channel-bg)'
/>
<path
d='M82.12 42.589C82.12 52.4595 74.0844 60.4603 64.173 60.4603C58.553 60.4603 53.5359 57.8885 50.2457 53.8614C47.7322 50.7859 46.2261 46.863 46.2261 42.589C46.2261 32.7186 54.2616 24.7178 64.173 24.7178C74.0844 24.7178 82.12 32.7186 82.12 42.589Z'
fill='var(--center-channel-color)'
fillOpacity='0.12'
/>
<mask
id='mask1_4441_155270'
mask-type='luminance'
maskUnits='userSpaceOnUse'
x='46'
y='24'
width='37'
height='37'
>
<path
d='M82.12 42.589C82.12 52.4595 74.0844 60.4603 64.173 60.4603C58.553 60.4603 53.5359 57.8885 50.2457 53.8614C47.7322 50.7859 46.2261 46.863 46.2261 42.589C46.2261 32.7186 54.2616 24.7178 64.173 24.7178C74.0844 24.7178 82.12 32.7186 82.12 42.589Z'
fill='white'
/>
</mask>
<g mask='url(#mask1_4441_155270)'>
<path
d='M80.0061 57.257C79.227 54.7376 77.0521 52.8107 74.3228 52.2216L68.5489 50.9771H59.795L54.0211 52.2216C51.2905 52.8107 49.1156 54.7376 48.3378 57.257L46.1344 68.1522H82.2094L80.0061 57.257Z'
fill='var(--center-channel-bg)'
/>
<path
opacity='0.24'
d='M80.0064 57.257C79.2273 54.7376 77.0525 52.8107 74.3231 52.2216L68.5492 50.9771H59.7953L54.0215 52.2216C51.2908 52.8107 49.116 54.7376 48.3381 57.257L46.1348 68.1522H82.2098L80.0064 57.257Z'
fill='var(--button-bg)'
/>
<path
d='M67.6799 51.4614L66.4982 47.9237H61.3111L60.3518 51.4614C62.4455 52.4441 65.5862 52.4441 67.6799 51.4614Z'
fill='var(--center-channel-bg)'
/>
<path
d='M67.6799 51.4614L66.4982 47.9237H61.3111L60.3518 51.4614C62.4455 52.4441 65.5862 52.4441 67.6799 51.4614Z'
fill='var(--center-channel-color)'
fillOpacity='0.56'
/>
<path
d='M70.749 40.818C71.4203 40.6368 71.4509 41.6354 71.1966 42.6715C70.9641 43.6156 70.749 45.1583 70.0505 44.7838C69.2088 47.0068 67.6738 48.697 65.8172 49.3662C65.2407 49.618 64.628 49.7557 63.9929 49.7557C63.1752 49.7557 62.3948 49.5274 61.6808 49.1214C60.0775 48.332 58.7654 46.7602 58.0138 44.7599C57.3243 44.9322 57.0319 43.3014 56.8767 42.6715C56.6796 41.8711 56.4292 40.8179 57.3243 40.8179C57.3428 35.9691 60.3409 32.046 64.0366 32.046C67.7324 32.046 70.7306 35.9692 70.749 40.818Z'
fill='var(--center-channel-bg)'
/>
<path
d='M70.749 40.818C71.4203 40.6368 71.4509 41.6354 71.1966 42.6715C70.9641 43.6156 70.749 45.1583 70.0505 44.7838C69.2088 47.0068 67.6738 48.697 65.8172 49.3662C65.2407 49.618 64.628 49.7557 63.9929 49.7557C63.1752 49.7557 62.3948 49.5274 61.6808 49.1214C60.0775 48.332 58.7654 46.7602 58.0138 44.7599C57.3243 44.9322 57.0319 43.3014 56.8767 42.6715C56.6796 41.8711 56.4292 40.8179 57.3243 40.8179C57.3428 35.9691 60.3409 32.046 64.0366 32.046C67.7324 32.046 70.7306 35.9692 70.749 40.818Z'
fill='var(--center-channel-color)'
fillOpacity='0.56'
/>
<path
d='M56.7017 31.1748C54.9829 33.2751 54.9468 36.7042 56.6039 39.7757C57.1701 40.4565 57.735 41.136 58.3012 41.8169C58.2838 36.8541 59.0883 35.5172 59.87 35.2737C61.1591 34.8693 62.6864 37.3452 65.4826 37.2833C65.9083 37.2737 66.8627 37.2393 67.4463 36.5708C67.9496 35.9945 67.8733 35.2875 68.0245 35.2723C68.2748 35.2476 68.7259 36.5983 69.5933 41.8155C70.1515 41.1305 70.711 40.4442 71.2692 39.7592C71.5744 38.568 71.8555 37.0054 71.8742 35.165C71.8997 32.6768 70.6804 31.1017 70.2453 29.7028C68.6042 33.8448 66.9509 28.6788 61.6798 28.6872C59.9678 28.69 57.8274 29.7993 56.7017 31.1748Z'
fill='#1B1D22'
/>
</g>
<circle
cx='91.2669'
cy='55.5572'
r='25.3433'
fill='var(--center-channel-bg)'
/>
<circle
cx='91.1111'
cy='55.5572'
r='23.5112'
fill='var(--center-channel-color)'
fillOpacity='0.16'
/>
<mask
id='mask2_4441_155270'
mask-type='luminance'
maskUnits='userSpaceOnUse'
x='67'
y='32'
width='48'
height='48'
>
<path
d='M67.6584 55.5572C67.6584 68.5427 78.216 79.0685 91.2382 79.0685C98.6222 79.0685 105.214 75.685 109.537 70.387C112.839 66.3409 114.818 61.18 114.818 55.5572C114.818 42.5718 104.26 32.046 91.2382 32.046C78.216 32.046 67.6584 42.5718 67.6584 55.5572Z'
fill='white'
/>
</mask>
<g mask='url(#mask2_4441_155270)'>
<path
d='M76.4501 68.3815C78.8909 66.6494 87.4336 65.0135 91.3998 64.4121C95.061 65.1338 103.421 67.0825 107.57 69.1033C111.719 71.1241 112.35 77.403 112.146 80.2898H70.6533C70.6533 72.351 73.3992 70.5467 76.4501 68.3815Z'
fill='var(--center-channel-bg)'
/>
<path
d='M76.4501 68.3815C78.8909 66.6494 87.4336 65.0135 91.3998 64.4121C95.061 65.1338 103.421 67.0825 107.57 69.1033C111.719 71.1241 112.35 77.403 112.146 80.2898H70.6533C70.6533 72.351 73.3992 70.5467 76.4501 68.3815Z'
fill='var(--center-channel-color)'
fillOpacity='0.8'
/>
<path
d='M96.9126 65.6335L95.1893 60.1373H87.6247L86.2257 65.6335C89.2791 67.1602 93.8592 67.1602 96.9126 65.6335Z'
fill='var(--center-channel-bg)'
/>
<path
d='M96.9126 65.6335L95.1893 60.1373H87.6247L86.2257 65.6335C89.2791 67.1602 93.8592 67.1602 96.9126 65.6335Z'
fill='var(--center-channel-color)'
fillOpacity='0.56'
/>
<path
d='M101.516 49.9382C102.523 49.6696 102.569 51.1503 102.188 52.6865C101.839 54.0864 101.516 56.3738 100.469 55.8186C99.2061 59.1147 96.9036 61.6209 94.1187 62.6132C93.2539 62.9865 92.335 63.1907 91.3823 63.1907C90.1558 63.1907 88.9852 62.8522 87.9141 62.2502C85.5092 61.0797 83.541 58.749 82.4137 55.7831C81.3794 56.0386 80.9408 53.6205 80.708 52.6865C80.4124 51.4998 80.0368 49.9381 81.3794 49.9381C81.4071 42.7486 85.9043 36.9314 91.4479 36.9314C96.9916 36.9314 101.489 42.7486 101.516 49.9382Z'
fill='var(--center-channel-bg)'
/>
<path
d='M101.516 49.9382C102.523 49.6696 102.569 51.1503 102.188 52.6865C101.839 54.0864 101.516 56.3738 100.469 55.8186C99.2061 59.1147 96.9036 61.6209 94.1187 62.6132C93.2539 62.9865 92.335 63.1907 91.3823 63.1907C90.1558 63.1907 88.9852 62.8522 87.9141 62.2502C85.5092 61.0797 83.541 58.749 82.4137 55.7831C81.3794 56.0386 80.9408 53.6205 80.708 52.6865C80.4124 51.4998 80.0368 49.9381 81.3794 49.9381C81.4071 42.7486 85.9043 36.9314 91.4479 36.9314C96.9916 36.9314 101.489 42.7486 101.516 49.9382Z'
fill='var(--center-channel-color)'
fillOpacity='0.56'
/>
<path
d='M82.8511 38.9974C84.1737 37.1736 85.1199 36.8624 85.583 36.7102C85.7392 36.6588 85.8404 36.6255 85.8826 36.5583C87.7015 33.6613 95.4923 34.1993 97.5869 35.7793C102.353 39.3742 101.179 41.8552 101.718 44.8136C101.997 46.3312 101.466 48.1935 101.343 49.7558C101.193 48.7194 100.336 45.5263 100.271 45.1756C99.5161 43.3436 96.206 45.5727 94.4699 45.481C90.5698 45.275 87.6487 44.5902 85.583 42.1222C84.9645 44.3108 83.0668 46.9683 81.8883 47.2176L81.6386 49.4339C80.9294 45.5012 80.3681 42.4216 82.8511 38.9974Z'
fill='#1B1D22'
/>
</g>
<path
d='M120.463 23.147C124.25 23.1231 127.732 24.1039 130.904 26.0896C132.206 26.9048 133.456 27.8894 134.653 29.0434C136.133 30.5797 137.332 32.2129 138.25 33.9435M139.876 38.135C140.289 39.7447 140.495 41.4261 140.495 43.1797C140.493 45.3005 140.189 47.3175 139.584 49.2303M139.159 35.916C139.294 36.2601 139.419 36.6078 139.534 36.9591'
stroke='var(--center-channel-color)'
strokeOpacity='0.48'
/>
<path
d='M113.428 71.4636C110.58 75.6164 106.868 78.6732 102.293 80.6289C100.416 81.4318 98.3924 82.0491 96.2244 82.4805C93.4244 82.9302 90.7316 83.0003 88.1457 82.6895M82.3367 81.2836C80.2663 80.5129 78.2741 79.4627 76.3598 78.1322C74.0467 76.5201 72.0751 74.6584 70.446 72.5468M85.3034 82.1842C84.8251 82.0707 84.3507 81.9434 83.8802 81.8021'
stroke='var(--center-channel-color)'
strokeOpacity='0.48'
/>
<path
d='M64.4212 62.7429C59.9987 62.7094 55.9963 61.3878 52.4254 58.7668C51.6772 58.2175 50.9479 57.6113 50.2376 56.9478C48.3933 54.9693 46.9862 52.8652 46.0148 50.6342M44.3886 42.7102C44.3919 40.0664 44.8765 37.563 45.8423 35.1999C46.8182 32.8119 48.2856 30.5672 50.2444 28.4658'
stroke='var(--center-channel-color)'
strokeOpacity='0.48'
/>
</g>
<defs>
<clipPath id='clip0_4441_155270'>
<rect
width='184'
height='113'
fill='white'
/>
</clipPath>
</defs>
</svg>
);
export default GroupsSVG;

Различия файлов скрыты, потому что одна или несколько строк слишком длинны

Просмотреть файл

@@ -1,207 +0,0 @@
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import React from 'react';
type SvgProps = {
width?: number;
height?: number;
}
const LdapSVG = (props: SvgProps) => (
<svg
width={props.width ? props.width.toString() : '246'}
height={props.height ? props.height.toString() : '220'}
viewBox='0 0 246 220'
fill='none'
xmlns='http://www.w3.org/2000/svg'
>
<path
d='M0.5 110C0.5 49.2487 49.7487 0 110.5 0H135.5C196.251 0 245.5 49.2487 245.5 110C245.5 170.751 196.251 220 135.5 220H110.5C49.7487 220 0.5 170.751 0.5 110Z'
fill='#1C58D9'
fillOpacity='0.04'
/>
<path
d='M109.6 163.657C137.518 165.444 161.588 144.352 163.363 116.545C165.138 88.7385 143.946 64.7477 116.029 62.9602C88.1117 61.1727 64.0413 82.2653 62.2661 110.072C60.491 137.879 81.6833 161.869 109.6 163.657Z'
stroke='#1E325C'
strokeWidth='0.91'
strokeMiterlimit='10'
strokeDasharray='10 10'
/>
<path
d='M112.264 170.928C144.191 170.928 170.073 145.131 170.073 113.308C170.073 81.4864 144.191 55.6895 112.264 55.6895C80.3371 55.6895 54.4551 81.4864 54.4551 113.308C54.4551 145.131 80.3371 170.928 112.264 170.928Z'
stroke='#1E325C'
strokeWidth='0.91'
strokeMiterlimit='10'
strokeDasharray='10 10'
/>
<g clipPath='url(#clip0)'>
<path
d='M13.3868 169.629H97.2125C97.8322 169.622 98.4236 169.368 98.8574 168.924C99.2912 168.48 99.532 167.881 99.5269 167.259V110.992C99.532 110.37 99.2912 109.771 98.8574 109.327C98.4236 108.883 97.8322 108.629 97.2125 108.622H13.3868C13.0804 108.625 12.7778 108.689 12.4961 108.811C12.2144 108.932 11.9593 109.107 11.7452 109.328C11.5312 109.548 11.3624 109.808 11.2486 110.094C11.1347 110.379 11.0781 110.685 11.0818 110.992V167.296C11.0842 167.911 11.3272 168.5 11.7585 168.937C12.1897 169.373 12.7745 169.622 13.3868 169.629Z'
fill='#202427'
/>
<path
d='M4.35394 177.937C4.35394 180.759 6.64027 183.581 9.44195 183.581H101.12C103.753 183.581 106.198 180.759 106.198 177.937H4.35394Z'
fill='#202427'
/>
<path
d='M97.7185 169.667H12.8433L4.35394 177.927H106.208L97.7185 169.667Z'
fill='#DCDCDC'
/>
<path
d='M94.9168 170.316H15.6919L12.8715 173.797H97.7466L94.9168 170.316Z'
fill='#BEBDBE'
/>
<path
d='M64.0139 175.331H46.5948L45.2923 177.062H65.3164L64.0139 175.331Z'
fill='#202427'
/>
<path
d='M94.3451 113.768H16.2634V164.521H94.3451V113.768Z'
fill='#3D4247'
/>
<path
d='M55.2997 109.948C55.561 109.948 55.8164 110.026 56.0337 110.171C56.2509 110.317 56.4203 110.524 56.5203 110.767C56.6203 111.009 56.6464 111.276 56.5955 111.533C56.5445 111.79 56.4186 112.027 56.2339 112.212C56.0491 112.398 55.8137 112.524 55.5574 112.575C55.3011 112.626 55.0355 112.6 54.794 112.5C54.5526 112.399 54.3463 112.229 54.2011 112.011C54.0559 111.793 53.9785 111.537 53.9785 111.274C53.9785 110.922 54.1177 110.585 54.3654 110.336C54.6132 110.087 54.9493 109.948 55.2997 109.948Z'
fill='#DCDCDC'
/>
<path
d='M62.6083 181.633H47.9533C47.7107 181.682 47.4601 181.673 47.2217 181.606C46.9834 181.539 46.764 181.417 46.5815 181.25C46.3989 181.082 46.2583 180.873 46.1711 180.641C46.0838 180.408 46.0524 180.159 46.0793 179.912H64.4167C64.4411 180.152 64.4102 180.395 64.3265 180.621C64.2428 180.848 64.1084 181.052 63.9338 181.218C63.7591 181.385 63.5488 181.509 63.319 181.58C63.0892 181.652 62.8461 181.67 62.6083 181.633Z'
fill='#3D4247'
/>
<path
d='M70.9003 129.576L70.2105 126.063C70.1068 125.544 69.8052 125.085 69.3697 124.786C66.1344 122.55 61.8451 121.385 56.2229 121.385C50.6008 121.385 46.3076 122.55 43.0839 124.793C42.6496 125.094 42.3483 125.552 42.2431 126.07L41.5379 129.576C41.4937 129.796 41.5113 130.024 41.5885 130.235C41.6658 130.446 41.7998 130.632 41.9757 130.771C42.9056 131.497 43.328 132.456 43.5256 133.667C43.7476 134.94 43.6948 136.247 43.3706 137.498C40.4917 148.821 45.3389 153.972 56.2036 157.528C67.0527 153.972 71.9115 148.821 69.0326 137.498C68.7105 136.247 68.6577 134.941 68.8777 133.667C69.0908 132.456 69.5131 131.497 70.4275 130.771C70.6104 130.636 70.7518 130.453 70.8354 130.241C70.919 130.03 70.9415 129.799 70.9003 129.576Z'
fill='#CC8F00'
/>
<path
d='M56.223 154.663C46.3503 151.255 43.7736 147.008 46.021 138.166C46.4416 136.54 46.509 134.843 46.2186 133.19C46.0073 131.73 45.3618 130.368 44.3665 129.281L44.8469 126.874C47.6677 125.003 51.3913 124.095 56.223 124.095C61.0547 124.095 64.7744 125.003 67.5952 126.874L68.0756 129.281C67.0815 130.368 66.4374 131.73 66.2274 133.19C65.937 134.843 66.0044 136.54 66.425 138.166C68.6607 147.005 66.0957 151.274 56.223 154.663Z'
fill='#FFBC1F'
/>
<path
d='M56.223 154.663C46.3503 151.255 43.7736 147.008 46.021 138.166C46.4416 136.54 46.509 134.843 46.2186 133.19C46.0073 131.73 45.3618 130.368 44.3665 129.281L44.8469 126.874C47.6677 125.003 51.3913 124.095 56.223 124.095C61.0547 124.095 64.7744 125.003 67.5952 126.874L68.0756 129.281C67.0815 130.368 66.4374 131.73 66.2274 133.19C65.937 134.843 66.0044 136.54 66.425 138.166C68.6607 147.005 66.0957 151.274 56.223 154.663Z'
fill='#FFBC1F'
/>
<path
d='M56.223 136.788V124.103C51.3913 124.103 47.6677 125.011 44.8469 126.882L44.3665 129.288C45.3618 130.375 46.0073 131.738 46.2186 133.197C46.4265 134.386 46.4487 135.6 46.2844 136.796L56.223 136.788Z'
fill='#FFBC1F'
/>
<path
d='M56.223 154.663C66.0957 151.275 68.6607 147.005 66.425 138.166C66.3098 137.712 66.2205 137.252 66.1576 136.788H56.223V154.663Z'
fill='#FFBC1F'
/>
<path
d='M46.0209 138.166C43.7736 147.009 46.3502 151.255 56.2229 154.663V136.788H46.2843C46.2228 137.252 46.1348 137.712 46.0209 138.166Z'
fill='#FFD791'
/>
<path
d='M56.223 124.103V136.796H66.1576C65.9927 135.6 66.0162 134.386 66.2274 133.197C66.4374 131.738 67.0814 130.376 68.0756 129.288L67.5951 126.882C64.786 125.003 61.0508 124.103 56.223 124.103Z'
fill='#FFD791'
/>
<path
d='M62.0311 132.801L54.0338 141.613L51.7128 139.85H50.4225L54.0338 145.723L63.3214 132.801H62.0311Z'
fill='#66320A'
/>
</g>
<g clipPath='url(#clip1)'>
<path
d='M218.406 31.4287H136.605C132.284 31.4287 128.781 34.909 128.781 39.2021V52.0669C128.781 56.36 132.284 59.8403 136.605 59.8403H218.406C222.727 59.8403 226.23 56.36 226.23 52.0669V39.2021C226.23 34.909 222.727 31.4287 218.406 31.4287Z'
fill='#1C58D9'
/>
<path
d='M226.23 52.4463C226.223 54.405 225.436 56.2814 224.042 57.6664C222.648 59.0515 220.759 59.833 218.788 59.8407H136.224C134.251 59.8355 132.361 59.0548 130.966 57.6692C129.572 56.2836 128.786 54.4058 128.781 52.4463C128.781 52.4463 131.715 56.1483 137.847 56.1386H217.066C220.485 56.1237 223.767 54.8014 226.23 52.4463Z'
fill='#1E325C'
/>
<path
d='M144.723 50.3857C147.877 50.3857 150.434 47.8451 150.434 44.7112C150.434 41.5772 147.877 39.0366 144.723 39.0366C141.568 39.0366 139.011 41.5772 139.011 44.7112C139.011 47.8451 141.568 50.3857 144.723 50.3857Z'
fill='#32A4EC'
/>
<path
d='M192.587 47.7429C194.272 47.7429 195.638 46.3856 195.638 44.7113C195.638 43.037 194.272 41.6797 192.587 41.6797C190.901 41.6797 189.535 43.037 189.535 44.7113C189.535 46.3856 190.901 47.7429 192.587 47.7429Z'
fill='white'
/>
<path
d='M202.817 47.7429C204.502 47.7429 205.868 46.3856 205.868 44.7113C205.868 43.037 204.502 41.6797 202.817 41.6797C201.131 41.6797 199.765 43.037 199.765 44.7113C199.765 46.3856 201.131 47.7429 202.817 47.7429Z'
fill='white'
/>
<path
d='M213.056 47.7429C214.742 47.7429 216.108 46.3856 216.108 44.7113C216.108 43.037 214.742 41.6797 213.056 41.6797C211.371 41.6797 210.005 43.037 210.005 44.7113C210.005 46.3856 211.371 47.7429 213.056 47.7429Z'
fill='white'
/>
<path
d='M218.406 63.8145H136.605C132.284 63.8145 128.781 67.2947 128.781 71.5878V84.4527C128.781 88.7458 132.284 92.226 136.605 92.226H218.406C222.727 92.226 226.23 88.7458 226.23 84.4527V71.5878C226.23 67.2947 222.727 63.8145 218.406 63.8145Z'
fill='#1C58D9'
/>
<path
d='M226.23 84.8315C226.223 86.7903 225.436 88.6666 224.042 90.0516C222.648 91.4367 220.759 92.2182 218.788 92.2259H136.224C134.251 92.2208 132.361 91.4401 130.966 90.0545C129.572 88.6689 128.786 86.7911 128.781 84.8315C128.781 84.8315 131.715 88.5336 137.847 88.5239C143.979 88.5141 213.262 88.5239 217.066 88.5239C220.485 88.5089 223.767 87.1867 226.23 84.8315Z'
fill='#1E325C'
/>
<path
d='M144.723 82.7719C147.877 82.7719 150.434 80.2314 150.434 77.0974C150.434 73.9634 147.877 71.4229 144.723 71.4229C141.568 71.4229 139.011 73.9634 139.011 77.0974C139.011 80.2314 141.568 82.7719 144.723 82.7719Z'
fill='#32A4EC'
/>
<path
d='M192.587 80.1286C194.272 80.1286 195.638 78.7713 195.638 77.097C195.638 75.4227 194.272 74.0654 192.587 74.0654C190.901 74.0654 189.535 75.4227 189.535 77.097C189.535 78.7713 190.901 80.1286 192.587 80.1286Z'
fill='white'
/>
<path
d='M202.817 80.1286C204.502 80.1286 205.868 78.7713 205.868 77.097C205.868 75.4227 204.502 74.0654 202.817 74.0654C201.131 74.0654 199.765 75.4227 199.765 77.097C199.765 78.7713 201.131 80.1286 202.817 80.1286Z'
fill='white'
/>
<path
d='M213.056 80.1286C214.742 80.1286 216.108 78.7713 216.108 77.097C216.108 75.4227 214.742 74.0654 213.056 74.0654C211.371 74.0654 210.005 75.4227 210.005 77.097C210.005 78.7713 211.371 80.1286 213.056 80.1286Z'
fill='white'
/>
<path
d='M218.406 96.2002H136.605C132.284 96.2002 128.781 99.6804 128.781 103.974V116.838C128.781 121.132 132.284 124.612 136.605 124.612H218.406C222.727 124.612 226.23 121.132 226.23 116.838V103.974C226.23 99.6804 222.727 96.2002 218.406 96.2002Z'
fill='#1C58D9'
/>
<path
d='M226.23 117.217C226.225 119.176 225.439 121.054 224.045 122.44C222.65 123.825 220.76 124.606 218.788 124.611H136.224C134.251 124.606 132.361 123.825 130.966 122.44C129.572 121.054 128.786 119.176 128.781 117.217C128.781 117.217 131.715 120.929 137.847 120.909H217.066C220.485 120.894 223.767 119.572 226.23 117.217Z'
fill='#1E325C'
/>
<path
d='M144.723 115.157C147.877 115.157 150.434 112.617 150.434 109.483C150.434 106.349 147.877 103.808 144.723 103.808C141.568 103.808 139.011 106.349 139.011 109.483C139.011 112.617 141.568 115.157 144.723 115.157Z'
fill='#32A4EC'
/>
<path
d='M192.587 112.514C194.272 112.514 195.638 111.157 195.638 109.483C195.638 107.808 194.272 106.451 192.587 106.451C190.901 106.451 189.535 107.808 189.535 109.483C189.535 111.157 190.901 112.514 192.587 112.514Z'
fill='white'
/>
<path
d='M202.817 112.514C204.502 112.514 205.868 111.157 205.868 109.483C205.868 107.808 204.502 106.451 202.817 106.451C201.131 106.451 199.765 107.808 199.765 109.483C199.765 111.157 201.131 112.514 202.817 112.514Z'
fill='white'
/>
<path
d='M213.056 112.514C214.742 112.514 216.108 111.157 216.108 109.483C216.108 107.808 214.742 106.451 213.056 106.451C211.371 106.451 210.005 107.808 210.005 109.483C210.005 111.157 211.371 112.514 213.056 112.514Z'
fill='white'
/>
<path
d='M210.699 59.8403H144.321V63.8145H210.699V59.8403Z'
fill='#1B1D22'
/>
<path
d='M210.699 92.2261H144.321V96.2002H210.699V92.2261Z'
fill='#1B1D22'
/>
</g>
<defs>
<clipPath id='clip0'>
<rect
width='101.854'
height='74.9875'
fill='white'
transform='translate(4.35394 108.622)'
/>
</clipPath>
<clipPath id='clip1'>
<rect
width='97.4494'
height='93.183'
fill='white'
transform='translate(128.781 31.4287)'
/>
</clipPath>
</defs>
</svg>
);
export default LdapSVG;

Просмотреть файл

@@ -1,148 +0,0 @@
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import React from 'react';
type SvgProps = {
width?: number;
height?: number;
}
const SamlSVG = (props: SvgProps) => (
<svg
width={props.width ? props.width.toString() : '242'}
height={props.height ? props.height.toString() : '230'}
viewBox='0 0 242 230'
fill='none'
xmlns='http://www.w3.org/2000/svg'
>
<path
d='M241.521 59.137C241.521 53.3935 235.803 47.6499 230.086 47.6499H81.4347C75.7174 47.6499 70 53.3935 70 59.137V168.33H241.521V59.137Z'
fill='#2D3039'
/>
<path
d='M70 168.33V179.817C70 185.561 75.7174 191.304 81.4347 191.304H230.086C235.803 191.304 241.521 185.561 241.521 179.817V168.33H70Z'
fill='#DDDFE4'
/>
<path
d='M132.891 197.026C132.891 208.513 121.456 208.513 110.065 208.513H201.543C190.108 208.513 178.717 208.513 178.717 197.026V191.26H132.978L132.891 197.026Z'
fill='#C6C9D2'
/>
<path
d='M230.086 59.1807H81.4348V156.821H230.086V59.1807Z'
fill='white'
/>
<rect
width='149.764'
height='98.341'
transform='translate(80.6252 58.8018)'
fill='#1E325C'
/>
<path
d='M155.76 176.749C156.326 176.749 156.878 176.917 157.348 177.233C157.819 177.548 158.185 177.997 158.401 178.521C158.618 179.046 158.674 179.623 158.564 180.181C158.454 180.738 158.181 181.249 157.782 181.651C157.382 182.053 156.872 182.326 156.318 182.437C155.763 182.548 155.189 182.491 154.666 182.274C154.144 182.056 153.697 181.688 153.383 181.216C153.069 180.744 152.902 180.188 152.902 179.62C152.902 178.859 153.203 178.128 153.739 177.59C154.275 177.051 155.002 176.749 155.76 176.749Z'
fill='#BABEC9'
/>
<path
d='M201.499 208.513H110.021V220H201.499V208.513Z'
fill='#A4A9B7'
/>
<g clipPath='url(#clip0)'>
<path
d='M186.535 108.628C188.116 110.255 189 112.429 189 114.691C189 116.953 188.116 119.126 186.535 120.754C184.901 122.338 182.716 123.237 180.433 123.266H135.158C133.676 123.266 132.208 122.976 130.838 122.412C129.469 121.848 128.225 121.021 127.177 119.979C125.141 117.834 124.006 114.997 124.006 112.048C124.006 109.099 125.141 106.262 127.177 104.118C128.225 103.075 129.469 102.248 130.838 101.684C132.208 101.12 133.676 100.83 135.158 100.83C135.239 96.6198 136.692 93.1155 139.517 90.3171C142.342 87.5188 145.867 86.0748 150.093 85.9849C153.455 85.923 156.734 87.022 159.372 89.0945C161.974 91.1006 163.824 93.9157 164.626 97.0899C166.105 96.0531 167.878 95.5104 169.687 95.5399C172.051 95.5735 174.309 96.5222 175.98 98.1842C177.651 99.8463 178.604 102.091 178.637 104.44C178.64 105.091 178.553 105.738 178.38 106.366C179.057 106.194 179.754 106.107 180.453 106.106C182.73 106.142 184.907 107.045 186.535 108.628Z'
fill='#FFBC1F'
/>
<path
d='M189.001 114.694C189.036 113.568 188.834 112.448 188.41 111.403C187.986 110.359 187.347 109.414 186.536 108.629C184.901 107.045 182.717 106.145 180.434 106.116C179.735 106.117 179.038 106.204 178.361 106.376C178.534 105.749 178.621 105.101 178.618 104.45C178.585 102.101 177.632 99.8563 175.961 98.1943C174.289 96.5323 172.032 95.5836 169.668 95.55C167.859 95.5205 166.086 96.0632 164.607 97.1C163.812 93.9249 161.969 91.1065 159.372 89.0949C156.734 87.0286 153.457 85.9349 150.098 85.9998C145.856 86.0864 142.331 87.5305 139.522 90.332C136.713 93.1336 135.26 96.6379 135.163 100.845C133.681 100.845 132.213 101.135 130.844 101.699C129.474 102.263 128.23 103.09 127.182 104.133C126.141 105.168 125.323 106.404 124.779 107.765C124.235 109.126 123.977 110.583 124.02 112.046C124.02 112.046 124.156 103.921 135.909 101.938C136.35 90.799 146.127 87.7423 150.195 87.7423C154.263 87.7423 160.922 89.7063 164.327 98.5537C171.508 94.077 179.528 99.5164 177.329 107.728C187.31 105.557 189.001 114.694 189.001 114.694Z'
fill='#CC8F00'
/>
<path
d='M139.729 116.716V131.036C139.729 131.294 139.779 131.548 139.877 131.786C139.976 132.024 140.121 132.241 140.303 132.423C140.486 132.605 140.703 132.75 140.942 132.849C141.18 132.948 141.437 133 141.695 133H165.27C165.529 133 165.785 132.948 166.024 132.849C166.263 132.75 166.48 132.605 166.662 132.423C166.845 132.241 166.99 132.024 167.088 131.786C167.187 131.548 167.237 131.294 167.236 131.036V116.716H139.729Z'
fill='#AABBC1'
/>
<path
d='M167.236 114.742C167.236 114.223 167.029 113.726 166.661 113.358C166.292 112.991 165.792 112.784 165.27 112.783H141.695C141.174 112.784 140.673 112.991 140.305 113.358C139.936 113.726 139.729 114.223 139.729 114.742V116.706H167.236V114.742Z'
fill='#808F95'
/>
<path
d='M144.48 113.418C145.982 113.418 147.197 113.929 147.197 114.559C147.197 115.19 145.982 115.7 144.48 115.7C142.979 115.7 141.768 115.19 141.768 114.559C141.768 113.929 142.984 113.418 144.48 113.418Z'
fill='#1B1D22'
/>
<path
d='M162.481 113.418C163.982 113.418 165.198 113.929 165.198 114.559C165.198 115.19 163.982 115.7 162.481 115.7C160.979 115.7 159.769 115.19 159.769 114.559C159.769 113.929 160.984 113.418 162.481 113.418Z'
fill='#1B1D22'
/>
<path
d='M153.483 103.839C150.63 103.85 147.898 104.984 145.885 106.993C143.873 109.003 142.744 111.724 142.746 114.559C142.746 114.915 143.473 115.204 144.48 115.204V114.559C144.843 109.558 148.718 105.596 153.483 105.596C158.248 105.596 162.137 109.548 162.481 114.55V115.224C163.493 115.224 164.219 114.935 164.219 114.579C164.227 111.74 163.1 109.014 161.087 107C159.074 104.986 156.339 103.85 153.483 103.839Z'
fill='#E0E9EF'
/>
<path
d='M162.481 114.559C162.137 109.558 158.234 105.606 153.483 105.606C148.732 105.606 144.829 109.558 144.48 114.559V115.224C145.492 115.224 146.417 114.935 146.417 114.579C146.417 111.344 149.124 107.503 153.502 107.503C157.88 107.503 160.587 111.353 160.587 114.579C160.587 114.935 161.493 115.224 162.5 115.224L162.481 114.559Z'
fill='#AFBDC6'
/>
<path
d='M155.594 129.534L154.718 123.95C155.074 123.692 155.339 123.327 155.474 122.91C155.609 122.492 155.608 122.043 155.471 121.626C155.334 121.209 155.068 120.846 154.711 120.589C154.354 120.331 153.924 120.192 153.483 120.192C153.042 120.192 152.612 120.331 152.254 120.589C151.897 120.846 151.631 121.209 151.494 121.626C151.357 122.043 151.356 122.492 151.492 122.91C151.627 123.327 151.892 123.692 152.248 123.95L151.371 129.534H155.594Z'
fill='#1B1D22'
/>
</g>
<mask
id='mask0'
mask-type='alpha'
maskUnits='userSpaceOnUse'
x='0'
y='104'
width='126'
height='126'
>
<path
d='M63 230C97.7939 230 126 201.794 126 167C126 132.206 97.7939 104 63 104C28.2061 104 0 132.206 0 167C0 201.794 28.2061 230 63 230Z'
fill='#E8E9ED'
/>
</mask>
<g mask='url(#mask0)'>
<path
d='M68.6613 238.962C55.8358 244.057 16.6132 235.519 -4.79373 230.207C-7.31801 229.571 -9.5916 228.999 -11.5504 228.492C-16.29 227.272 -19.1758 226.46 -19.1758 226.46C-19.1758 226.46 -15.6779 220.904 -5.18435 193.695C-3.3538 188.95 -1.3192 183.551 0.94858 177.406C3.21636 171.26 5.12857 165.89 6.82503 161.326C7.40801 159.756 7.99099 158.268 8.50984 156.873C15.4531 138.99 19.5864 135.453 36.6851 137.887L37.0815 137.946C40.2587 138.424 43.8848 139.078 48.0589 139.901C53.1308 140.875 57.643 141.529 61.5665 142.171C62.2194 142.265 62.8433 142.375 63.4554 142.48C64.1666 142.597 64.8428 142.72 65.5191 142.848C66.102 142.965 66.685 143.076 67.268 143.204C80.0177 145.883 84.1335 150.792 78.8342 176.081C78.7351 176.495 78.6535 176.933 78.5719 177.341C71.2964 212.039 68.6613 238.962 68.6613 238.962Z'
fill='#B7BAE1'
/>
</g>
<path
d='M39.5241 144.92C39.5241 144.92 38.4048 133.569 40.69 123.863C42.439 116.316 47.2485 109.89 49.7845 109.779C55.5676 109.523 59.561 106.54 62.0911 109.453C64.184 112.114 66.3002 127.014 63.0181 129.635C61.7544 130.485 60.3992 131.19 58.978 131.736L58.5466 144.903L39.5241 144.92Z'
fill='#CB8E00'
/>
<path
d='M63.0822 114.536C65.5598 118.242 67.163 120.956 67.163 120.956C67.2096 122.404 62.3359 122.655 62.3359 122.655L63.0822 114.536Z'
fill='#CB8E00'
/>
<path
d='M55.0955 131.339C57.1019 131.6 59.1416 131.382 61.0478 130.703C61.7707 130.441 59.6544 131.684 58.9257 131.946C56.7979 132.705 57.2409 132.816 54.9906 132.53C54.2386 132.448 54.326 131.246 55.0955 131.339Z'
fill='#332660'
/>
<path
d='M39.8449 103.937C38.3 104.393 37.2506 105.834 36.6093 107.305C35.9681 108.776 35.5891 110.375 34.7729 111.764C33.846 113.34 32.3769 114.577 31.6482 116.252C30.9195 117.927 31.38 120.39 33.1581 120.81C34.3707 121.091 35.659 120.291 36.86 120.629C38.6089 121.137 38.8596 123.548 38.4165 125.357C37.9735 127.166 37.2506 129.174 38.3232 130.686C39.4892 132.401 42.3691 132.086 43.745 130.511C45.1208 128.935 45.3015 126.658 45.08 124.587C44.8585 122.515 44.2871 120.454 44.4154 118.371C44.4795 117.203 44.9983 115.849 46.1293 115.663C47.2603 115.476 48.1581 116.596 48.3388 117.694C48.5195 118.791 48.2048 119.9 48.1523 121.015C48.0998 122.129 48.403 123.396 49.3882 123.933C50.9331 124.744 52.7461 122.935 52.8161 121.184C52.8861 119.433 51.9474 117.834 51.446 116.159C50.9447 114.484 51.0671 112.307 52.612 111.455C53.5739 110.912 54.769 111.099 55.8475 111.326C56.9261 111.554 58.0978 111.846 59.1122 111.402C68.2649 107.392 71.6754 103.459 66.2187 98.9939C62.6742 96.0757 51.0613 93.3735 47.8024 97.6574C46.4616 99.4083 47.5518 102.28 45.3889 103.494C43.7449 104.393 41.5821 103.43 39.8449 103.937Z'
fill='#1A0C00'
/>
<path
d='M65.659 143.169C85.9408 146.56 97.4954 146.309 109.382 138.979C121.269 131.648 126.388 110.13 128.44 98.9179C130.492 87.7061 144.967 85.9027 140.099 90.3559C135.231 94.8091 137.027 93.4842 135.074 101.684C133.121 109.884 137.639 146.385 118.803 161.169C99.6816 176.174 74.1764 181.707 57.2467 179.507C40.3171 177.307 65.659 143.169 65.659 143.169Z'
fill='#CB8E00'
/>
<path
d='M96.4403 175.947C94.6156 176.659 92.8025 177.26 90.972 177.779C89.8876 178.095 88.8014 178.377 87.7132 178.626C79.8486 180.351 71.7691 180.88 63.747 180.196C61.4792 180.038 59.3105 179.805 57.2526 179.53C44.8352 177.914 55.1772 159.103 61.5608 149.181C63.8927 145.586 65.6417 143.175 65.6417 143.175C66.3529 143.298 67.0699 143.415 67.7812 143.52C68.6498 143.66 69.5301 143.794 70.3579 143.911C75.7305 144.783 81.1629 145.233 86.6055 145.259C87.7073 145.259 88.7858 145.218 89.841 145.148C90.6222 145.09 91.4033 145.025 92.1729 144.938C93.9101 154.346 96.3995 175.807 96.4403 175.947Z'
fill='#B7BAE1'
/>
<path
d='M63.403 142.487C62.7582 143.465 61.9187 144.3 60.937 144.938C57.3342 147.273 53.4691 148.814 49.1259 148.16C44.8819 147.518 41.3024 145.107 38.4517 141.967C37.3929 140.856 36.7486 139.413 36.627 137.882C37.4956 138.004 38.3759 138.145 39.332 138.296C41.2616 137.374 46.2169 137.853 49.4116 138.477C53.2592 139.224 56.9903 138.997 58.5585 141.687C60.2666 142.002 61.8815 142.224 63.403 142.487Z'
fill='#CB8E00'
/>
<defs>
<clipPath id='clip0'>
<rect
width='65'
height='47'
fill='white'
transform='translate(123 86)'
/>
</clipPath>
</defs>
</svg>
);
export default SamlSVG;

Различия файлов скрыты, потому что одна или несколько строк слишком длинны

Просмотреть файл

@@ -6,7 +6,7 @@ import {defineMessage} from 'react-intl';
import {LicenseSkus} from 'utils/constants';
import LdapSVG from './images/ldap_svg';
import GroupsSVG from './images/groups_svg';
import FeatureDiscovery from '../index';
@@ -24,7 +24,11 @@ const LDAPFeatureDiscovery: React.FC = () => {
defaultMessage: 'When you connect Mattermost with your organization\'s Active Directory/LDAP, users can log in without having to create new usernames and passwords.',
})}
learnMoreURL='https://www.mattermost.com/docs-adldap/?utm_medium=product&utm_source=product-feature-discovery&utm_content=adldap'
featureDiscoveryImage={<LdapSVG/>}
featureDiscoveryImage={
<GroupsSVG
width={276}
height={170}
/>}
/>
);
};

Просмотреть файл

@@ -6,7 +6,7 @@ import {defineMessage} from 'react-intl';
import {LicenseSkus} from 'utils/constants';
import SamlSVG from './images/saml_svg';
import GroupsSVG from './images/groups_svg';
import FeatureDiscovery from '../index';
@@ -24,7 +24,11 @@ const OpenIDFeatureDiscovery: React.FC = () => {
defaultMessage: 'Use OpenID Connect for authentication and single sign-on (SSO) with any service that supports the OIDC specification such as Google, Entra ID, Apple, Okta, OneLogin, and more.',
})}
learnMoreURL='https://docs.mattermost.com/cloud/cloud-administration/sso-openid-connect.html'
featureDiscoveryImage={<SamlSVG/>}
featureDiscoveryImage={
<GroupsSVG
width={276}
height={170}
/>}
/>
);
};

Просмотреть файл

@@ -6,7 +6,7 @@ import {defineMessage} from 'react-intl';
import {LicenseSkus} from 'utils/constants';
import SamlSVG from './images/saml_svg';
import GroupsSVG from './images/groups_svg';
import FeatureDiscovery from '../index';
@@ -24,7 +24,11 @@ const OpenIDCustomFeatureDiscovery: React.FC = () => {
defaultMessage: 'Use OpenID Connect for authentication and single sign-on (SSO) with any service that supports the OIDC specification such as Apple, Okta, OneLogin, and more.',
})}
learnMoreURL='https://docs.mattermost.com/cloud/cloud-administration/sso-openid-connect.html'
featureDiscoveryImage={<SamlSVG/>}
featureDiscoveryImage={
<GroupsSVG
width={276}
height={170}
/>}
/>
);
};

Просмотреть файл

@@ -6,7 +6,7 @@ import {defineMessage} from 'react-intl';
import {LicenseSkus} from 'utils/constants';
import SamlSVG from './images/saml_svg';
import GroupsSVG from './images/groups_svg';
import FeatureDiscovery from '../index';
@@ -24,7 +24,12 @@ const SAMLFeatureDiscovery: React.FC = () => {
defaultMessage: 'When you connect Mattermost with your organization\'s single sign-on provider, users can access Mattermost without having to re-enter their credentials.',
})}
learnMoreURL='https://www.mattermost.com/docs-saml/?utm_medium=product&utm_source=product-feature-discovery&utm_content=saml'
featureDiscoveryImage={<SamlSVG/>}
featureDiscoveryImage={
<GroupsSVG
width={276}
height={170}
/>
}
/>
);
};

Просмотреть файл

@@ -24,7 +24,11 @@ const SystemRolesFeatureDiscovery: React.FC = () => {
defaultMessage: 'Assign customizable admin roles to give designated users read and/or write access to select sections of System Console.',
})}
learnMoreURL='https://docs.mattermost.com/deployment/admin-roles.html'
featureDiscoveryImage={<SystemRolesSVG/>}
featureDiscoveryImage={
<SystemRolesSVG
width={294}
height={180}
/>}
/>
);
};

Просмотреть файл

@@ -5,7 +5,7 @@
text-align: center;
svg {
margin: 0 auto;
margin: 0 auto 24px auto;
}
}

Просмотреть файл

@@ -7,9 +7,7 @@ import {FormattedMessage} from 'react-intl';
import type {ClientLicense} from '@mattermost/types/config';
import ContactUsButton from 'components/announcement_bar/contact_sales/contact_us';
import TwoPeopleChattingSvg from 'components/common/svg_images_components/two_people_chatting_svg';
import WomanUpArrowsAndCloudsSvg from 'components/common/svg_images_components/woman_up_arrows_and_clouds_svg';
import WomanWithCardSvg from 'components/common/svg_images_components/woman_with_card_svg';
import SetupSystemSvg from 'components/common/svg_images_components/setup_system';
import {isEnterpriseOrE20License} from 'utils/license_utils';
@@ -86,26 +84,13 @@ const EnterpriseEditionRightPanel = ({
};
const svgImage = () => {
if (isTrialLicense) {
return (
<WomanWithCardSvg
width={200}
height={200}
/>
);
}
if (isEnterpriseOrE20) {
return (
<TwoPeopleChattingSvg
width={200}
height={200}
/>
);
return null; //No image
}
return (
<WomanUpArrowsAndCloudsSvg
width={200}
height={200}
<SetupSystemSvg
width={197}
height={120}
/>
);
};

Просмотреть файл

@@ -36,6 +36,10 @@
line-height: 20px;
text-align: center;
}
.alert-svg {
margin-bottom: 15px;
}
}
.content-footer {

Просмотреть файл

@@ -56,10 +56,10 @@ const ConfirmLicenseRemovalModal: React.FC<Props> = (props: Props): JSX.Element
>
<>
<div className='content-body'>
<div className='no-header__img alert-svg'>
<div className='alert-svg'>
<AlertSvg
width={150}
height={150}
width={130.5}
height={103.5}
/>
</div>
<div className='title'>

Просмотреть файл

@@ -22,7 +22,7 @@
justify-content: center;
.svg-image {
margin-top: -20px;
margin-bottom:15px;
}
.hands-svg {

Просмотреть файл

@@ -18,8 +18,8 @@ import {getCurrentLocale} from 'selectors/i18n';
import {isModalOpen} from 'selectors/views/modals';
import FileSvg from 'components/common/svg_images_components/file_svg';
import HandsSvg from 'components/common/svg_images_components/hands_svg';
import WomanArmOnTable from 'components/common/svg_images_components/woman_arm_on_table_svg';
import SuccessSvg from 'components/common/svg_images_components/success_svg';
import UploadLicenseSvg from 'components/common/svg_images_components/upload_license';
import LoadingWrapper from 'components/widgets/loading/loading_wrapper';
import {FileTypes, ModalIdentifiers} from 'utils/constants';
@@ -110,9 +110,9 @@ const UploadLicenseModal = (props: Props): JSX.Element | null => {
<>
<div className='content-body'>
<div className='svg-image'>
<WomanArmOnTable
width={200}
height={200}
<UploadLicenseSvg
width={151}
height={103}
/>
</div>
<div className='title'>
@@ -242,9 +242,9 @@ const UploadLicenseModal = (props: Props): JSX.Element | null => {
<>
<div className='content-body'>
<div className='svg-image hands-svg'>
<HandsSvg
width={100}
height={100}
<SuccessSvg
width={162}
height={103.5}
/>
</div>
<div className='title'>

Просмотреть файл

@@ -6,7 +6,7 @@
text-align: center;
svg {
margin: 0 auto;
margin: 0 auto 24px auto;
}
}

Просмотреть файл

@@ -5,7 +5,7 @@ import React, {memo} from 'react';
import {FormattedMessage} from 'react-intl';
import ContactUsButton from 'components/announcement_bar/contact_sales/contact_us';
import WomanUpArrowsAndCloudsSvg from 'components/common/svg_images_components/woman_up_arrows_and_clouds_svg';
import SetupSystemSvg from 'components/common/svg_images_components/setup_system';
const StarterRightPanel = () => {
const upgradeAdvantages = [
@@ -19,9 +19,9 @@ const StarterRightPanel = () => {
return (
<div className='StarterEditionRightPannel'>
<div className='svg-image'>
<WomanUpArrowsAndCloudsSvg
width={200}
height={200}
<SetupSystemSvg
width={197}
height={120}
/>
</div>
<div className='upgrade-title'>

Просмотреть файл

@@ -3,7 +3,7 @@
text-align: center;
svg {
margin: 0 auto;
margin: 0 auto 24px auto;
}
}

Просмотреть файл

@@ -4,7 +4,7 @@
import React from 'react';
import {FormattedMessage, useIntl} from 'react-intl';
import WomanUpArrowsAndCloudsSvg from 'components/common/svg_images_components/woman_up_arrows_and_clouds_svg';
import SetupSystemSvg from 'components/common/svg_images_components/setup_system';
import LoadingWrapper from 'components/widgets/loading/loading_wrapper';
import {format} from 'utils/markdown';
@@ -157,9 +157,9 @@ const TeamEditionRightPanel: React.FC<TeamEditionRightPanelProps> = ({
return (
<div className='TeamEditionRightPanel'>
<div className='svg-image'>
<WomanUpArrowsAndCloudsSvg
width={200}
height={200}
<SetupSystemSvg
width={197}
height={120}
/>
</div>
<div className='upgrade-title'>

Просмотреть файл

@@ -5,7 +5,7 @@ import React from 'react';
import {FormattedMessage} from 'react-intl';
import useOpenPricingModal from 'components/common/hooks/useOpenPricingModal';
import WomanUpArrowsAndCloudsSvg from 'components/common/svg_images_components/woman_up_arrows_and_clouds_svg';
import SetupSystemSvg from 'components/common/svg_images_components/setup_system';
import ConfirmModalRedux from 'components/confirm_modal_redux';
import './upgrade_export_data_modal.scss';
@@ -35,7 +35,7 @@ export function UpgradeExportDataModal({onExited}: Props) {
defaultMessage='Export detailed data reports with ease and analyse user statistics conveniently. Upgrade to the Professional plan to gain access to data export.'
/>
<div className='upgrade-export-data-modal__svg-image'>
<WomanUpArrowsAndCloudsSvg
<SetupSystemSvg
width={250}
height={188}
/>

Просмотреть файл

@@ -10,25 +10,73 @@ type SvgProps = {
const AlertSvg = (props: SvgProps) => (
<svg
width={props.width ? props.width.toString() : '110'}
height={props.height ? props.height.toString() : '100'}
viewBox='0 0 110 100'
width={props.width ? props.width.toString() : '87'}
height={props.height ? props.height.toString() : '70'}
viewBox='0 0 87 70'
fill='none'
xmlns='http://www.w3.org/2000/svg'
>
<rect
x='8.00098'
y='7'
width='72'
height='24'
rx='3.75'
fill='var(--button-bg)'
fillOpacity='0.12'
/>
<rect
x='0.000976562'
y='34'
width='87'
height='25'
rx='3.75'
fill='var(--button-bg)'
fillOpacity='0.12'
/>
<path
d='M26.4736 81.0278C23.2554 81.0278 21.7973 78.708 23.2333 75.8728L49.2438 24.7796C50.7166 21.9517 53.0364 21.9517 54.4798 24.7796L80.483 75.8728C81.9558 78.7006 80.483 81.0278 77.2427 81.0278H26.4736Z'
d='M38.3214 2.31098C39.4303 0.112261 42.5697 0.112256 43.6786 2.31098L71.7146 57.899C72.7209 59.8943 71.2707 62.25 69.0359 62.25H12.9641C10.7294 62.25 9.27912 59.8943 10.2854 57.899L38.3214 2.31098Z'
fill='var(--center-channel-bg)'
/>
<path
d='M40.3214 4.31098C41.4303 2.11226 44.5697 2.11226 45.6786 4.31098L73.7146 59.899C74.7209 61.8943 73.2707 64.25 71.0359 64.25H14.9641C12.7294 64.25 11.2791 61.8943 12.2854 59.899L40.3214 4.31098Z'
fill='#FFBC1F'
/>
<path
d='M47.7783 43.6764L50.4515 61.6378C50.4773 61.9942 50.6371 62.3276 50.8988 62.571C51.1604 62.8144 51.5045 62.9497 51.8618 62.9497C52.2192 62.9497 52.5632 62.8144 52.8249 62.571C53.0865 62.3276 53.2463 61.9942 53.2721 61.6378L55.9453 43.6764C56.4314 36.673 47.2849 36.673 47.7783 43.6764Z'
fill='#2D3039'
d='M43.2322 2.53614L71.2681 58.1242C72.1067 59.7869 70.8982 61.75 69.0359 61.75H12.9641C11.1018 61.75 9.89327 59.7869 10.7319 58.1242L38.7678 2.53614C39.6919 0.703873 42.3081 0.703871 43.2322 2.53614Z'
stroke='var(--center-channel-color)'
/>
<path
d='M51.8582 64.8853C52.6677 64.8867 53.4586 65.1281 54.1309 65.5789C54.8033 66.0297 55.327 66.6697 55.6358 67.418C55.9446 68.1663 56.0246 68.9893 55.8657 69.7831C55.7069 70.5769 55.3164 71.3058 54.7435 71.8777C54.1706 72.4496 53.441 72.8388 52.6469 72.9962C51.8529 73.1536 51.03 73.0721 50.2822 72.7619C49.5345 72.4518 48.8954 71.927 48.4458 71.2538C47.9963 70.5806 47.7563 69.7893 47.7563 68.9798C47.7563 68.4415 47.8624 67.9084 48.0686 67.4112C48.2749 66.9139 48.5772 66.4622 48.9582 66.0819C49.3392 65.7016 49.7914 65.4002 50.2891 65.1948C50.7867 64.9895 51.3199 64.8843 51.8582 64.8853Z'
fill='#2D3039'
d='M49.542 4.23999L52.8888 10.72M74.922 53.38L68.5073 40.96L66.8339 37.72L64.6027 33.4L61.5348 27.46M59.3036 23.14L55.12 15.04'
stroke='var(--center-channel-color)'
strokeOpacity='0.56'
strokeWidth='1.08'
strokeLinecap='round'
/>
<path
d='M38.0164 25.2833L40.2971 39.9301C40.3191 40.2208 40.4554 40.4927 40.6786 40.6912C40.9018 40.8897 41.1954 41 41.5002 41C41.8051 41 42.0986 40.8897 42.3219 40.6912C42.5451 40.4927 42.6814 40.2208 42.7034 39.9301L44.984 25.2833C45.3987 19.5722 37.5955 19.5722 38.0164 25.2833Z'
fill='#3F4350'
/>
<path
d='M41.0072 47C41.798 47.0014 42.5706 47.2372 43.2275 47.6776C43.8843 48.118 44.396 48.7432 44.6976 49.4742C44.9993 50.2053 45.0774 51.0093 44.9222 51.7848C44.7671 52.5602 44.3856 53.2723 43.8259 53.831C43.2662 54.3897 42.5535 54.7699 41.7777 54.9237C41.002 55.0774 40.1981 54.9978 39.4676 54.6948C38.7371 54.3919 38.1128 53.8792 37.6736 53.2215C37.2344 52.5639 37 51.7908 37 51C37 50.4741 37.1036 49.9534 37.3051 49.4676C37.5066 48.9818 37.8019 48.5406 38.1741 48.169C38.5463 47.7975 38.9881 47.503 39.4743 47.3024C39.9604 47.1018 40.4813 46.9991 41.0072 47Z'
fill='#3F4350'
/>
<path
d='M48.4619 68.5H70.0619'
stroke='var(--center-channel-color)'
strokeOpacity='0.56'
strokeWidth='1.08'
strokeLinecap='round'
/>
<path
d='M10.001 50L26.001 19'
stroke='var(--center-channel-color)'
strokeOpacity='0.56'
strokeWidth='1.08'
strokeLinecap='round'
/>
</svg>
);
export default AlertSvg;

Просмотреть файл

@@ -1,97 +0,0 @@
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import React from 'react';
type SvgProps = {
width: number;
height: number;
}
const HandsSvg = (props: SvgProps) => (
<svg
width={props.width ? props.width.toString() : '110'}
height={props.height ? props.height.toString() : '100'}
viewBox='0 0 110 100'
fill='none'
xmlns='http://www.w3.org/2000/svg'
>
<g clipPath='url(#prefix__clip0_88_26129)'>
<path
d='M52.01 64.4c-2.21-2.96-3.96-3.55-7.24-2.47-1.27 1.09-2.96 1.62-4.02 2.98-.13.13-.26.25-.39.38-.68 1.21-1.89 2.04-2.46 3.31-1.03 2.32-2.84 3.05-5.3 3.4-3.82.54-7.39 1.94-9.73 5.37-.22.24-.29.59-.6.76.24-.28.42-.6.65-.89 3.05-4.4 7.27-6.86 12.55-7.58 1.38-.19 2.73-.48 2.67-2.34-.55-.47-.36-1.12-.43-1.7-1-8.95-.25-17.92-.37-26.88-.03-2.68-.63-5.01-3.45-6.1-2.57-.08-3.75 1.49-4.34 3.71-.13.5-.22 1-.28 1.51.09-1.52.08-3.05-.2-4.58-.71-.81-.34-1.83-.49-2.74-.42-2.56-1.68-4.11-4.44-4.1-3.12.8-3.99 3.26-4.09 6.01-.14 3.58-.43 7.16-.49 10.74-.09 5.46-.41 10.98 2.19 16.2-.89-.41-2.72 1.69-2.56-.87.47-7.6-.07-15.21.49-22.81.14-1.95.14-4.03-.97-5.85-.87-.33-1.72-.86-2.68-.27-3.89 2.17-4.38 5.82-4.05 9.71.2 2.3.07 4.51-.29 6.78a34.11 34.11 0 00-.4 4.14c.05-1.58.07-3.17.01-4.75-.09-2.53.46-5.3-1.34-7.58-.91-.01-1.72-.98-2.7-.25-1.22 1.4-2.39 2.92-2.65 4.76-.73 5.29-2.27 10.45-2.55 15.8-.47 9.24.4 18.29 3.09 27.24 1.57 5.23 4.51 8.71 9.4 10.46 6.13 2.2 12.38 3.36 18.37-.62 2.73-6.59 6.69-12.37 11.5-17.59 1.25-1.36 2.27-2.86 3.02-4.55.89-2.51 1.79-5.01 3.71-6.99.47-.46 1.06-.94.86-1.75zM28.89 41.86c.11-1.02.23-2.04.32-3.07-.02.75.02 1.5.12 2.25.19 1.49.39 3 .07 4.45-1.07 4.91-.42 9.7.92 14.55-1.67.03-2.62-.26-2.16-2.23.42-1.79.44-3.68.32-5.5-.24-3.5.02-6.96.41-10.45zM10.02 62.3c-.18.08-.31.15-.44.08.98-.77 1.18-1.87 1.23-3 .14-2.9.37-5.81.47-8.72-.04 2.4.22 4.79.86 7.15.89 3.23.96 3.21-2.12 4.49z'
fill='#FFBC1F'
/>
<path
d='M33.9 32.64c-3.33 1.43-4.59 4.08-3.87 8.37.4 2.37.01 4.64-.25 6.99-.43 4.05-.35 8.15 1.65 11.93.19.37.29.79.55 1.5-2.09-.53-3.9-.98-5.58-1.41 2.04-3.26 1.26-6.78 1.28-10.16.05-5.57.56-11.09 1.39-16.59 1.47-1.27 3.08-1.48 4.83-.63z'
fill='#CC8F00'
/>
<path
d='M47.46 73.15c-.21-3.82 2.09-6.33 4.55-8.75 1.13.96.46 1.91-.11 2.73-1.43 2.04-2.96 4.02-4.44 6.02z'
fill='#FFC847'
/>
<path
d='M44.77 61.93c.32.14 1.07.18.23.66-1.4.81-2.83 1.55-4.25 2.32.74-1.8 2.26-2.55 4.02-2.98z'
fill='#F7B527'
/>
<path
d='M38.63 66.54c-.2.22-.37.47-.48.77-.42 1.27-1.4 1.5-2.62 1.68-5.55.84-10.36 2.93-13.01 8.33-.64.57-1.16 1.19-.96 2.39.57-.72 1.02-1.28 1.46-1.84 2.76-3.39 6.44-4.88 10.68-5.37 1.16-.13 2.8.09 3.29-1.1 0 0 5.44-7.9 10.24-9.96-.01-.01-4.81-.68-8.6 5.1z'
fill='#CC8F00'
/>
<path
d='M32.31 95.01c-6.03 3.48-12.11 2.31-18.08 0-3.13-1.22-6.05-3.09-7.26-6.45-4.68-13.03-5.64-26.34-2.71-39.9.71-3.28.84-6.73 2.5-9.74.46-.64 1.4-1.39 3.2-1.02 0 0-2.47-1.71-4.74.93-.05.04-.1.11-.15.17l-.02.02c-.75.91-1.15 2.09-1.54 3.24C1.76 47.44 1.27 52.87.96 58.27.55 65.34.4 72.48 2.63 79.32c1.08 3.36 2.01 6.69 2.02 10.22.01 2.39 1.01 4.18 2.97 5.51 5 3.38 10.53 5.16 16.54 4.93 3.55-.14 6.95-1.07 8.77-4.69-.2-.1-.5-.35-.62-.28z'
fill='#CC8F00'
/>
<path
d='M18.72 29.85s-2.8-2.19-6.33 1.13c-.89.78-1.4 1.91-1.73 3.6-.22 1.11-.46 2.21-.69 3.31 1.02 5.64.68 11.32.29 16.97-.21 3.08 1.02 6.69-2.85 8.76 2.23-.52 4.19-1.21 6.17-1.82.8-.25 1.39-.49.68-1.38-2.32-2.89-2-6.37-2.2-9.74-.18-3 1.19-5.91.83-8.83-.46-3.65-.44-7.06 1.37-10.04.4-.6 2.02-2.72 4.46-1.96zM27.1 27.38s-2.07-2.1-5.15-.85c-.21.07-.41.17-.59.28-.01.01-.03.01-.04.02-1.09.66-1.84 1.85-2.6 3.02.45 4.62.13 9.23-.02 13.84-.07 2.35-.33 4.69-.12 7.06.29 3.36.71 6.78-1.4 10.26 2.23-1.05 4.44-.09 6.42-1.41-1.64-1.62-2.46-3.36-2.82-5.56-1.12-6.85-.07-13.67-.1-20.5-.01-2.37.54-4.42 2.08-5.99.62-.57 2.08-1.46 4.34-.17z'
fill='#CC8F00'
/>
<path
d='M58.84 66.16c1.92 1.98 2.82 4.48 3.71 6.99.74 1.69 1.76 3.19 3.02 4.55 4.82 5.22 8.77 11.01 11.5 17.59 5.99 3.98 12.24 2.82 18.37.62 4.89-1.75 7.83-5.23 9.4-10.46 2.69-8.96 3.56-18 3.09-27.24-.27-5.35-1.82-10.51-2.55-15.8-.25-1.85-1.43-3.36-2.65-4.76-.97-.73-1.79.24-2.7.25-1.8 2.28-1.25 5.05-1.34 7.58-.06 1.58-.04 3.16.01 4.75-.04-1.38-.18-2.76-.4-4.14-.36-2.27-.49-4.49-.29-6.78.33-3.89-.16-7.54-4.05-9.71-.96-.59-1.81-.06-2.68.27-1.11 1.82-1.11 3.9-.97 5.85.56 7.6.02 15.21.49 22.81.16 2.56-1.68.46-2.56.87 2.6-5.22 2.28-10.74 2.19-16.2-.06-3.58-.35-7.16-.49-10.74-.1-2.75-.97-5.21-4.09-6.01-2.75-.01-4.01 1.54-4.44 4.1-.15.91.23 1.93-.49 2.74-.28 1.53-.29 3.06-.2 4.58-.06-.51-.14-1.01-.28-1.51-.59-2.22-1.77-3.79-4.34-3.71-2.82 1.09-3.41 3.42-3.45 6.1-.11 8.96.63 17.93-.38 26.87-.07.59.12 1.24-.43 1.7-.06 1.86 1.29 2.15 2.67 2.34 5.28.72 9.5 3.18 12.55 7.58.22.29.4.62.65.89-.3-.17-.38-.51-.6-.76-2.34-3.42-5.91-4.83-9.73-5.37-2.46-.35-4.26-1.08-5.3-3.4-.57-1.28-1.78-2.1-2.46-3.31-.13-.13-.26-.25-.39-.38-1.06-1.37-2.75-1.89-4.02-2.98-3.27-1.09-5.03-.49-7.24 2.47-.18.81.41 1.29.87 1.76zm22.68-13.84c-.12 1.82-.1 3.71.32 5.5.46 1.96-.49 2.26-2.16 2.23 1.34-4.85 1.99-9.64.92-14.55-.32-1.45-.12-2.97.07-4.45.09-.75.14-1.5.12-2.25.09 1.03.21 2.05.32 3.07.39 3.48.65 6.94.41 10.45zm16.33 5.49c.64-2.36.9-4.75.86-7.15.11 2.91.33 5.81.47 8.72.06 1.13.26 2.24 1.23 3-.12.07-.25 0-.44-.08-3.07-1.28-3-1.26-2.12-4.49z'
fill='#FFBC1F'
/>
<path
d='M76.11 32.64c3.33 1.43 4.59 4.08 3.87 8.37-.4 2.37-.01 4.64.25 6.99.43 4.05.35 8.15-1.65 11.93-.19.37-.29.79-.55 1.5 2.09-.53 3.9-.98 5.58-1.41-2.04-3.26-1.26-6.78-1.28-10.16-.05-5.57-.56-11.09-1.39-16.59-1.48-1.27-3.09-1.48-4.83-.63z'
fill='#CC8F00'
/>
<path
d='M62.54 73.15c.21-3.82-2.09-6.33-4.55-8.75-1.13.96-.46 1.91.11 2.73 1.44 2.04 2.96 4.02 4.44 6.02z'
fill='#FFC847'
/>
<path
d='M65.23 61.93c-.32.14-1.07.18-.23.66 1.4.81 2.83 1.55 4.25 2.32-.74-1.8-2.26-2.55-4.02-2.98z'
fill='#F7B527'
/>
<path
d='M71.37 66.54c.2.22.37.47.48.77.42 1.27 1.4 1.5 2.62 1.68 5.55.84 10.36 2.93 13.01 8.33.64.57 1.16 1.19.96 2.39-.57-.72-1.02-1.28-1.46-1.84-2.76-3.39-6.44-4.88-10.68-5.37-1.16-.13-2.8.09-3.29-1.1 0 0-5.44-7.9-10.24-9.96.01-.01 4.81-.68 8.6 5.1z'
fill='#CC8F00'
/>
<path
d='M77.69 95.01c6.03 3.48 12.11 2.31 18.08 0 3.13-1.22 6.05-3.09 7.26-6.45 4.68-13.03 5.64-26.34 2.71-39.9-.71-3.28-.84-6.73-2.5-9.74-.46-.64-1.4-1.39-3.2-1.02 0 0 2.47-1.71 4.74.93.06.06.11.12.17.19l.02.02c.75.91 1.15 2.09 1.54 3.24 1.75 5.18 2.24 10.61 2.55 16.01.41 7.07.56 14.21-1.67 21.05-1.09 3.36-2.02 6.69-2.03 10.22-.01 2.39-1.01 4.18-2.97 5.51-5 3.38-10.53 5.16-16.54 4.93-3.55-.14-6.95-1.07-8.77-4.69.19-.12.49-.37.61-.3z'
fill='#CC8F00'
/>
<path
d='M91.28 29.85s2.8-2.19 6.33 1.13c.89.78 1.4 1.91 1.73 3.6.22 1.11.46 2.21.69 3.31-1.02 5.64-.68 11.32-.29 16.97.21 3.08-1.02 6.69 2.85 8.76-2.23-.52-4.19-1.21-6.17-1.82-.8-.25-1.39-.49-.68-1.38 2.32-2.89 2-6.37 2.2-9.74.18-3-1.19-5.91-.83-8.83.46-3.65.44-7.06-1.37-10.04-.4-.6-2.02-2.72-4.46-1.96z'
fill='#CC8F00'
/>
<path
d='M82.9 27.38s2.07-2.1 5.15-.85c.21.07.41.17.59.28.01.01.03.01.04.02 1.09.66 1.84 1.85 2.6 3.02-.45 4.62-.13 9.23.02 13.84.07 2.35.33 4.69.12 7.06-.29 3.36-.71 6.78 1.4 10.26-2.23-1.05-4.44-.09-6.42-1.41 1.64-1.62 2.46-3.36 2.82-5.56 1.12-6.85.07-13.67.1-20.5.01-2.37-.54-4.42-2.08-5.99-.62-.57-2.08-1.46-4.34-.17z'
fill='#CC8F00'
/>
<path
d='M32.35 12.07l-1.12 2.39c-.67 1.42-.49 3.09.45 4.35L42.7 33.49c.24.32.74.09.65-.3-.82-3.69-3.4-13.17-9.55-21.29a.858.858 0 00-1.45.17zM45.99 16.98s-1.56-1.1-2.33.51c-.54 1.13 1.6 5.23 2.9 7.55.25.44.91.25.89-.25-.1-2.66-.44-7.27-1.46-7.81zM53.89.1l-.84.12a2.179 2.179 0 00-1.84 2.47l3.75 26.19c.05.33.52.33.57 0l3.75-26.19C59.45 1.5 58.63.4 57.44.22L56.59.1c-.89-.13-1.8-.13-2.7 0zM78.14 12.07l1.12 2.39c.67 1.42.49 3.09-.45 4.35L67.79 33.49c-.24.32-.74.09-.65-.3.82-3.69 3.4-13.17 9.55-21.29.38-.5 1.18-.41 1.45.17zM64.49 16.98s1.56-1.1 2.33.51c.54 1.13-1.6 5.23-2.9 7.55-.25.44-.91.25-.89-.25.11-2.66.45-7.27 1.46-7.81z'
fill='#1B1D22'
/>
</g>
<defs>
<clipPath id='prefix__clip0_88_26129'>
<path
fill='#fff'
transform='translate(.71)'
d='M0 0h108.58v100H0z'
/>
</clipPath>
</defs>
</svg>
);
export default HandsSvg;

Просмотреть файл

@@ -0,0 +1,247 @@
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import React from 'react';
type SvgProps = {
width: number;
height: number;
};
const SetupSystemSvg = (props: SvgProps) => (
<svg
width={props.width ? props.width.toString() : '197'}
height={props.height ? props.height.toString() : '120'}
viewBox='0 0 197 120'
fill='none'
xmlns='http://www.w3.org/2000/svg'
>
<rect
x='6'
y='22'
width='181'
height='78'
rx='5.625'
fill='var(--button-bg)'
fillOpacity='0.12'
/>
<path
d='M14.255 11L19.755 16.5V70.5H40.755'
stroke='var(--center-channel-color)'
strokeOpacity='0.24'
strokeLinecap='round'
/>
<circle
cx='2.5'
cy='2.5'
r='2.5'
transform='matrix(1 0 0 -1 10.255 12)'
fill='var(--center-channel-color)'
fillOpacity='0.48'
/>
<path
d='M7.255 35L12.755 40.5V79.5H177.755V108.5'
stroke='var(--center-channel-color)'
strokeOpacity='0.24'
strokeLinecap='round'
/>
<circle
cx='2.5'
cy='2.5'
r='2.5'
transform='matrix(1 0 0 -1 175.255 112)'
fill='var(--center-channel-color)'
fillOpacity='0.48'
/>
<circle
cx='2.5'
cy='2.5'
r='2.5'
transform='matrix(1 0 0 -1 3.255 36)'
fill='var(--center-channel-color)'
fillOpacity='0.48'
/>
<path
opacity='0.32'
d='M62.1304 22H129.87L134 115H58L62.1304 22Z'
fill='#BABEC9'
/>
<rect
opacity='0.32'
width='92'
height='5'
transform='matrix(1 0 0 -1 50 120)'
fill='var(--center-channel-color)'
/>
<rect
x='30'
y='16'
width='131'
height='86'
rx='4'
fill='var(--center-channel-bg)'
stroke='var(--center-channel-color)'
strokeWidth='4'
/>
<path
d='M60.2804 44.2423C64.7656 44.2423 68.4016 40.6063 68.4016 36.1211C68.4016 31.636 64.7656 28 60.2804 28C55.7953 28 52.1593 31.636 52.1593 36.1211C52.1593 40.6063 55.7953 44.2423 60.2804 44.2423Z'
fill='var(--online-indicator)'
/>
<path
d='M56.4581 35.723L59.2741 38.5097L64.1015 33.7325'
stroke='var(--center-channel-bg)'
strokeWidth='1.19'
strokeLinecap='round'
strokeLinejoin='round'
/>
<path
d='M72.3077 32.4158H94.7884'
stroke='#1B1D22'
strokeLinecap='round'
/>
<path
d='M97.1984 32.4158H106.833'
stroke='#1B1D22'
strokeLinecap='round'
/>
<path
d='M109.239 32.4158H113.254'
stroke='#1B1D22'
strokeLinecap='round'
/>
<path
opacity='0.5'
d='M123.242 35.226H72.3077V41.3016H123.242V35.226Z'
fill='#BABEC9'
/>
<path
d='M60.2804 67.5113C64.7656 67.5113 68.4016 63.8753 68.4016 59.3902C68.4016 54.905 64.7656 51.269 60.2804 51.269C55.7953 51.269 52.1593 54.905 52.1593 59.3902C52.1593 63.8753 55.7953 67.5113 60.2804 67.5113Z'
fill='var(--online-indicator)'
/>
<path
d='M56.4581 58.9921L59.2741 61.7787L64.1015 57.0016'
stroke='var(--center-channel-bg)'
strokeWidth='1.19'
strokeLinecap='round'
strokeLinejoin='round'
/>
<path
d='M72.3077 55.6848H94.7884'
stroke='#1B1D22'
strokeLinecap='round'
/>
<path
d='M97.1984 55.6848H106.833'
stroke='#1B1D22'
strokeLinecap='round'
/>
<path
d='M109.239 55.6848H113.254'
stroke='#1B1D22'
strokeLinecap='round'
/>
<path
opacity='0.5'
d='M139.242 58.495H72.3077V64.5706H139.242V58.495Z'
fill='#BABEC9'
/>
<rect
x='110.255'
width='83'
height='50'
rx='4'
fill='var(--indigo-400)'
/>
<path
d='M152.255 10H166.736'
stroke='var(--neutral-0)'
strokeOpacity='0.48'
strokeLinecap='round'
/>
<path
d='M152.255 16H175.255'
stroke='var(--neutral-0)'
strokeOpacity='0.48'
strokeLinecap='round'
/>
<path
d='M152.255 22H182.255'
stroke='var(--neutral-0)'
strokeOpacity='0.48'
strokeLinecap='round'
/>
<path
d='M152.255 28H182.255'
stroke='var(--neutral-0)'
strokeOpacity='0.48'
strokeLinecap='round'
/>
<path
d='M169.146 10H178.78'
stroke='var(--neutral-0)'
strokeOpacity='0.48'
strokeLinecap='round'
/>
<path
d='M181.187 10H184.201'
stroke='var(--neutral-0)'
strokeOpacity='0.48'
strokeLinecap='round'
/>
<path
fillRule='evenodd'
clipRule='evenodd'
d='M127.764 6.9187H130.755L131.134 9.38061C132.05 9.58876 132.907 9.95029 133.678 10.4368L135.69 8.96111L137.805 11.0762L136.312 13.1123C136.776 13.8746 137.12 14.7186 137.316 15.6178L139.847 16.0072V18.9983L137.251 19.3976C137.034 20.2503 136.683 21.0495 136.223 21.7718L137.805 23.9292L135.69 26.0442L133.481 24.4246C132.776 24.8427 132.002 25.158 131.181 25.3498L130.76 28.0866H127.768L127.344 25.3268C126.537 25.1281 125.778 24.81 125.085 24.3922L122.832 26.0441L120.717 23.9291L122.352 21.6996C121.916 21.0008 121.583 20.2316 121.373 19.413L118.677 18.9982V16.0071L121.308 15.6023C121.498 14.7371 121.825 13.9232 122.265 13.1843L120.719 11.0762L122.834 8.96117L124.891 10.4695C125.646 9.98536 126.485 9.62157 127.381 9.40523L127.764 6.9187ZM133.296 17.3707C133.296 19.5721 131.511 21.3568 129.31 21.3568C127.108 21.3568 125.323 19.5721 125.323 17.3707C125.323 15.1692 127.108 13.3846 129.31 13.3846C131.511 13.3846 133.296 15.1692 133.296 17.3707Z'
fill='var(--neutral-0)'
fillOpacity='0.40'
/>
<path
fillRule='evenodd'
clipRule='evenodd'
d='M138.66 30.9484H140.293L140.5 32.292C140.999 32.4055 141.467 32.6027 141.888 32.868L142.985 32.0631L144.14 33.2176L143.326 34.3277C143.58 34.7441 143.767 35.2053 143.874 35.6966L145.255 35.909V37.5416L143.839 37.7594C143.721 38.2253 143.529 38.662 143.277 39.0566L144.14 40.233L142.985 41.3875L141.781 40.504C141.396 40.7318 140.974 40.9037 140.526 41.0083L140.297 42.5023H138.664L138.432 40.9961C137.992 40.8878 137.577 40.7142 137.199 40.4862L135.97 41.3876L134.815 40.2331L135.707 39.0169C135.469 38.6353 135.287 38.2152 135.172 37.7681L133.7 37.5416V35.909L135.137 35.688C135.241 35.2158 135.419 34.7717 135.659 34.3684L134.815 33.2176L135.97 32.0631L137.093 32.8865C137.504 32.6223 137.962 32.4237 138.451 32.3056L138.66 30.9484ZM141.681 36.6532C141.681 37.8549 140.707 38.829 139.505 38.829C138.303 38.829 137.329 37.8549 137.329 36.6532C137.329 35.4516 138.303 34.4775 139.505 34.4775C140.707 34.4775 141.681 35.4516 141.681 36.6532Z'
fill='var(--neutral-0)'
fillOpacity='0.40'
/>
<rect
x='54.755'
y='79.4823'
width='84'
height='11.0354'
fill='var(--center-channel-bg)'
stroke='#1B1D22'
/>
<rect
opacity='0.3'
x='57.2648'
y='81.9911'
width='78.9823'
height='6.0177'
fill='#BABEC9'
/>
<rect
x='57.2648'
y='81.9911'
width='52.6549'
height='6.0177'
fill='#BABEC9'
/>
<path
d='M150.255 108.5H122.755'
stroke='var(--center-channel-color)'
strokeLinecap='round'
strokeLinejoin='round'
/>
<path
d='M119.255 108.5H113.255'
stroke='var(--center-channel-color)'
strokeLinecap='round'
/>
<path
d='M110.255 108.5H104.255'
stroke='var(--center-channel-color)'
strokeLinecap='round'
/>
</svg>
);
export default SetupSystemSvg;

Просмотреть файл

@@ -0,0 +1,67 @@
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import React from 'react';
type SvgProps = {
width: number;
height: number;
}
const SuccessSvg = (props: SvgProps) => (
<svg
width={props.width ? props.width.toString() : '108'}
height={props.height ? props.height.toString() : '70'}
viewBox='0 0 108 70'
fill='none'
xmlns='http://www.w3.org/2000/svg'
>
<rect
x='0.000976562'
y='9'
width='96'
height='24'
rx='3.75'
fill='var(--button-bg)'
fillOpacity='0.12'
/>
<rect
x='9.00098'
y='36'
width='99'
height='25'
rx='3.75'
fill='var(--button-bg)'
fillOpacity='0.12'
/>
<path
d='M48.224 25.065L50.3246 38.5554C50.3448 38.8231 50.4704 39.0736 50.676 39.2564C50.8816 39.4392 51.152 39.5408 51.4327 39.5408C51.7135 39.5408 51.9839 39.4392 52.1895 39.2564C52.3951 39.0736 52.5207 38.8231 52.5409 38.5554L54.6415 25.065C55.0234 19.8048 47.8363 19.8048 48.224 25.065Z'
fill='var(--center-channel-color)'
/>
<path
d='M52.0528 63.8058C68.4184 63.8058 81.6852 50.5389 81.6852 34.1734C81.6852 17.8079 68.4184 4.54102 52.0528 4.54102C35.6873 4.54102 22.4205 17.8079 22.4205 34.1734C22.4205 50.5389 35.6873 63.8058 52.0528 63.8058Z'
fill='var(--center-channel-bg)'
/>
<path
d='M53.8949 65.6478C70.2604 65.6478 83.5273 52.3809 83.5273 36.0154C83.5273 19.6499 70.2604 6.38306 53.8949 6.38306C37.5294 6.38306 24.2625 19.6499 24.2625 36.0154C24.2625 52.3809 37.5294 65.6478 53.8949 65.6478Z'
fill='#3DB887'
/>
<path
fillRule='evenodd'
clipRule='evenodd'
d='M67.8552 23.3044C68.5474 23.9735 68.5661 25.077 67.897 25.7691L49.6318 44.6647C48.9786 45.3404 47.9074 45.3767 47.21 44.7466L37.6445 36.1045C36.9302 35.4591 36.8743 34.3569 37.5197 33.6425C38.165 32.9282 39.2673 32.8723 39.9816 33.5177L48.2966 41.0301L65.3905 23.3462C66.0595 22.654 67.163 22.6353 67.8552 23.3044Z'
fill='var(--center-channel-bg)'
/>
<path
d='M81.1852 34.1734C81.1852 50.2627 68.1422 63.3058 52.0528 63.3058C35.9635 63.3058 22.9205 50.2627 22.9205 34.1734C22.9205 18.084 35.9635 5.04102 52.0528 5.04102C68.1422 5.04102 81.1852 18.084 81.1852 34.1734Z'
stroke='var(--center-channel-color)'
/>
<path
d='M46.0425 1.87629C52.3425 0.656536 58.4467 1.20528 64.3471 3.52402C66.7696 4.47599 69.1577 5.72629 71.5109 7.27504C74.4539 9.3726 76.96 11.7187 79.0281 14.3147M58.5236 68.5982C51.1481 69.9201 44.0711 68.9661 37.3079 65.7136C35.8908 65.032 34.4874 64.2496 33.098 63.366C29.4103 60.6456 26.4115 57.58 24.0987 54.1672M18.9221 41.4778C18.1041 37.074 18.1312 32.754 19.0033 28.5178C19.8847 24.237 21.6291 20.0417 24.2365 15.932M83.0409 20.7886C84.2298 23.3406 85.0977 26.0763 85.6439 28.9967C86.3002 32.5293 86.423 35.9828 86.0117 39.3566M81.1549 17.3166C81.4873 17.8476 81.8038 18.3877 82.1043 18.9369'
stroke='var(--center-channel-color)'
strokeOpacity='0.56'
/>
</svg>
);
export default SuccessSvg;

Различия файлов скрыты, потому что одна или несколько строк слишком длинны

Просмотреть файл

@@ -0,0 +1,104 @@
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
// https://www.figma.com/file/MYVj0NUudT9V7GV9KepBy3/%E2%9C%85Foundations---Illustrations?node-id=665%3A9992
import React from 'react';
type SvgProps = {
width: number;
height: number;
};
const UploadLicenseSvg = (props: SvgProps) => (
<svg
width={props.width ? props.width.toString() : '101'}
height={props.height ? props.height.toString() : '69'}
viewBox='0 0 101 69'
fill='none'
xmlns='http://www.w3.org/2000/svg'
>
<rect
x='0.000976562'
y='9'
width='84'
height='24'
rx='3.75'
fill='var(--button-bg)'
fillOpacity='0.12'
/>
<rect
x='14.001'
y='36'
width='87'
height='25'
rx='3.75'
fill='var(--button-bg)'
fillOpacity='0.12'
/>
<rect
x='28.0286'
y='9.33704'
width='48.1218'
height='58.8953'
rx='2'
fill='var(--indigo-400)'
/>
<rect
x='23.001'
width='50.505'
height='65.3594'
rx='2'
fill='var(--center-channel-bg)'
/>
<rect
x='23.501'
y='0.5'
width='49.505'
height='64.3594'
rx='1.5'
stroke='var(--center-channel-color)'
strokeOpacity='0.8'
/>
<path
d='M48.001 49C56.2853 49 63.001 42.2843 63.001 34C63.001 25.7157 56.2853 19 48.001 19C39.7167 19 33.001 25.7157 33.001 34C33.001 42.2843 39.7167 49 48.001 49Z'
fill='var(--button-bg)'
/>
<path
d='M29 7H37.6188'
stroke='var(--center-channel-color)'
strokeOpacity='0.48'
strokeLinecap='round'
/>
<path
d='M29 54H57.0112'
stroke='var(--center-channel-color)'
strokeOpacity='0.48'
strokeLinecap='round'
/>
<path
d='M29 11H44.8012'
stroke='var(--center-channel-color)'
strokeOpacity='0.48'
strokeLinecap='round'
/>
<path
d='M29 58H65.63'
stroke='var(--center-channel-color)'
strokeOpacity='0.48'
strokeLinecap='round'
/>
<path
d='M38 15H44.4641'
stroke='var(--center-channel-color)'
strokeOpacity='0.48'
strokeLinecap='round'
/>
<path
d='M49.0192 42H46.9828V29.8788L41.4313 35.4303L40.001 34L48.001 26L56.001 34L54.5707 35.4303L49.0192 29.8788V42Z'
fill='white'
/>
</svg>
);
export default UploadLicenseSvg;

Различия файлов скрыты, потому что одна или несколько строк слишком длинны

Различия файлов скрыты, потому что одна или несколько строк слишком длинны

Просмотреть файл

@@ -64,21 +64,68 @@ exports[`components/post_edit_history should display error screen if errors are
<svg
fill="none"
height="127"
viewBox="0 0 110 100"
viewBox="0 0 87 70"
width="127"
xmlns="http://www.w3.org/2000/svg"
>
<rect
fill="var(--button-bg)"
fill-opacity="0.12"
height="24"
rx="3.75"
width="72"
x="8.00098"
y="7"
/>
<rect
fill="var(--button-bg)"
fill-opacity="0.12"
height="25"
rx="3.75"
width="87"
x="0.000976562"
y="34"
/>
<path
d="M26.4736 81.0278C23.2554 81.0278 21.7973 78.708 23.2333 75.8728L49.2438 24.7796C50.7166 21.9517 53.0364 21.9517 54.4798 24.7796L80.483 75.8728C81.9558 78.7006 80.483 81.0278 77.2427 81.0278H26.4736Z"
d="M38.3214 2.31098C39.4303 0.112261 42.5697 0.112256 43.6786 2.31098L71.7146 57.899C72.7209 59.8943 71.2707 62.25 69.0359 62.25H12.9641C10.7294 62.25 9.27912 59.8943 10.2854 57.899L38.3214 2.31098Z"
fill="var(--center-channel-bg)"
/>
<path
d="M40.3214 4.31098C41.4303 2.11226 44.5697 2.11226 45.6786 4.31098L73.7146 59.899C74.7209 61.8943 73.2707 64.25 71.0359 64.25H14.9641C12.7294 64.25 11.2791 61.8943 12.2854 59.899L40.3214 4.31098Z"
fill="#FFBC1F"
/>
<path
d="M47.7783 43.6764L50.4515 61.6378C50.4773 61.9942 50.6371 62.3276 50.8988 62.571C51.1604 62.8144 51.5045 62.9497 51.8618 62.9497C52.2192 62.9497 52.5632 62.8144 52.8249 62.571C53.0865 62.3276 53.2463 61.9942 53.2721 61.6378L55.9453 43.6764C56.4314 36.673 47.2849 36.673 47.7783 43.6764Z"
fill="#2D3039"
d="M43.2322 2.53614L71.2681 58.1242C72.1067 59.7869 70.8982 61.75 69.0359 61.75H12.9641C11.1018 61.75 9.89327 59.7869 10.7319 58.1242L38.7678 2.53614C39.6919 0.703873 42.3081 0.703871 43.2322 2.53614Z"
stroke="var(--center-channel-color)"
/>
<path
d="M51.8582 64.8853C52.6677 64.8867 53.4586 65.1281 54.1309 65.5789C54.8033 66.0297 55.327 66.6697 55.6358 67.418C55.9446 68.1663 56.0246 68.9893 55.8657 69.7831C55.7069 70.5769 55.3164 71.3058 54.7435 71.8777C54.1706 72.4496 53.441 72.8388 52.6469 72.9962C51.8529 73.1536 51.03 73.0721 50.2822 72.7619C49.5345 72.4518 48.8954 71.927 48.4458 71.2538C47.9963 70.5806 47.7563 69.7893 47.7563 68.9798C47.7563 68.4415 47.8624 67.9084 48.0686 67.4112C48.2749 66.9139 48.5772 66.4622 48.9582 66.0819C49.3392 65.7016 49.7914 65.4002 50.2891 65.1948C50.7867 64.9895 51.3199 64.8843 51.8582 64.8853Z"
fill="#2D3039"
d="M49.542 4.23999L52.8888 10.72M74.922 53.38L68.5073 40.96L66.8339 37.72L64.6027 33.4L61.5348 27.46M59.3036 23.14L55.12 15.04"
stroke="var(--center-channel-color)"
stroke-linecap="round"
stroke-opacity="0.56"
stroke-width="1.08"
/>
<path
d="M38.0164 25.2833L40.2971 39.9301C40.3191 40.2208 40.4554 40.4927 40.6786 40.6912C40.9018 40.8897 41.1954 41 41.5002 41C41.8051 41 42.0986 40.8897 42.3219 40.6912C42.5451 40.4927 42.6814 40.2208 42.7034 39.9301L44.984 25.2833C45.3987 19.5722 37.5955 19.5722 38.0164 25.2833Z"
fill="#3F4350"
/>
<path
d="M41.0072 47C41.798 47.0014 42.5706 47.2372 43.2275 47.6776C43.8843 48.118 44.396 48.7432 44.6976 49.4742C44.9993 50.2053 45.0774 51.0093 44.9222 51.7848C44.7671 52.5602 44.3856 53.2723 43.8259 53.831C43.2662 54.3897 42.5535 54.7699 41.7777 54.9237C41.002 55.0774 40.1981 54.9978 39.4676 54.6948C38.7371 54.3919 38.1128 53.8792 37.6736 53.2215C37.2344 52.5639 37 51.7908 37 51C37 50.4741 37.1036 49.9534 37.3051 49.4676C37.5066 48.9818 37.8019 48.5406 38.1741 48.169C38.5463 47.7975 38.9881 47.503 39.4743 47.3024C39.9604 47.1018 40.4813 46.9991 41.0072 47Z"
fill="#3F4350"
/>
<path
d="M48.4619 68.5H70.0619"
stroke="var(--center-channel-color)"
stroke-linecap="round"
stroke-opacity="0.56"
stroke-width="1.08"
/>
<path
d="M10.001 50L26.001 19"
stroke="var(--center-channel-color)"
stroke-linecap="round"
stroke-opacity="0.56"
stroke-width="1.08"
/>
</svg>
<p

Просмотреть файл

@@ -19,9 +19,9 @@ import SystemRolesSVG from 'components/admin_console/feature_discovery/features/
import Carousel from 'components/common/carousel/carousel';
import useOpenInvitePeopleModal from 'components/common/hooks/useOpenInvitePeopleModal';
import GuestAccessSvg from 'components/common/svg_images_components/guest_access_svg';
import HandsSvg from 'components/common/svg_images_components/hands_svg';
import MonitorImacLikeSVG from 'components/common/svg_images_components/monitor_imaclike_svg';
import PersonWithChecklistSvg from 'components/common/svg_images_components/person_with_checklist';
import SuccessSvg from 'components/common/svg_images_components/success_svg';
import {ConsolePages, DocLinks, ModalIdentifiers, TELEMETRY_CATEGORIES} from 'utils/constants';
@@ -184,9 +184,10 @@ const TrialBenefitsModal = ({
),
svgWrapperClassName: 'handsSvg',
svgElement: (
<HandsSvg
width={200}
height={100}
<SuccessSvg
width={162}
height={103.5
}
/>
),
bottomLeftMessage: formatMessage({id: 'trial_benefits.modal.onlyVisibleToAdmins', defaultMessage: 'Only visible to admins'}),

Просмотреть файл

@@ -110,4 +110,11 @@
--center-channel-text: var(--center-channel-color);
// use --center-channel-color-rgb instead
--center-channel-text-rgb: var(--center-channel-color-rgb);
//Colors used in svgs but not themed
--indigo-400: #28427B;
--indigo-300: #32539A;
--sand: #CCC4AE;
--neutral-0: #FFFFFF;
--neutral-1200: #090A0B;
}