toki/mattermost-mobile
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixed issue with masks in chat illustration

Browse source
This commit is contained in:
Matthew Birtch 2022-11-18 09:32:10 -05:00
parent 5b3d95c913
commit 002c2c95eb
1 changed files with 0 additions and 65 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

65
app/screens/onboarding/illustrations/chat.tsx
View file

@ -6,7 +6,6 @@ import {StyleProp, ViewStyle} from 'react-native';
import Svg, {
G,
Path,
Mask,
Ellipse,
} from 'react-native-svg';
@ -33,22 +32,6 @@ const ChatSvg = ({theme, styles}: Props) => {
d='M159.269 86.21c-4.852 8.63-44.21 25.658-34.827 69.563 6.642 31.104 21.796 43.514 18.021 48.707-2.799 3.792-5.001 8.411 1.652 2.953 8.03-6.561 10.887-2.206 5.679-18.017-4.967-15.052-9.338-55.153 15.474-69.378 24.813-14.225 32.912-21.338 20.649-38.803-4.486-6.412-26.648 4.975-26.648 4.975z'
fill='#AD831F'
/>
<Mask
id='a'
maskUnits='userSpaceOnUse'
>
<Path
d='M159.269 86.21c-4.852 8.63-44.21 25.658-34.827 69.562 6.642 31.105 21.796 43.515 18.021 48.708-2.799 3.792-5.001 8.411 1.652 2.953 8.03-6.561 10.887-2.206 5.679-18.017-4.967-15.052-9.338-55.153 15.474-69.378 24.813-14.225 32.912-21.338 20.649-38.803-4.486-6.412-26.648 4.975-26.648 4.975z'
fill='#FFBD00'
/>
</Mask>
<G mask='url(#a)'>
<Path
transform='matrix(-1 0 0 1 191.812 79.024)'
fill='url(#pattern0)'
d='M0 0H54.3043V123.55H0z'
/>
</G>
<Path
d='M139.516 193.726c.826-.23 7.846-2.459 10.507-3.585 4.887 14.937 1.974 10.835-5.907 17.293-6.654 5.457-4.451.839-1.652-2.953 1.514-2.114-.046-5.447-2.948-10.755z'
fill='#1C58D9'
@ -69,22 +52,6 @@ const ChatSvg = ({theme, styles}: Props) => {
d='M202.768 90.703c2.294 31.805 3.085 74.469 31.718 81.581 28.632 7.113 27.531 3.597 27.531 14.26s-2.214 9.088-3.522 2.298c-1.675-8.779-32.957 6.894-54.179-10.617-21.222-17.512-30.181-51.362-33.416-86.086-2.271-24.59 31.868-1.436 31.868-1.436z'
fill='#AD831F'
/>
<Mask
id='b'
maskUnits='userSpaceOnUse'
>
<Path
d='M202.768 90.703c2.294 31.805 3.085 74.468 31.718 81.581 28.632 7.112 27.531 3.596 27.531 14.259s-2.214 9.089-3.522 2.298c-1.675-8.778-32.957 6.895-54.179-10.617-21.222-17.511-30.181-51.361-33.416-86.085-2.271-24.59 31.868-1.436 31.868-1.436z'
fill='#FFBD00'
/>
</Mask>
<G mask='url(#b)'>
<Path
transform='matrix(-1 0 0 1 262.04 80.66)'
fill='url(#pattern1)'
d='M0 0H91.4598V99.0039H0z'
/>
</G>
<Path
d='M250.271 175.824c12.389 2.631 11.758 2.551 11.758 10.674 0 10.663-2.214 9.089-3.522 2.298-.585-3.045-4.738-3.148-10.794-2.711a49.014 49.014 0 002.558-10.261z'
fill='#1C58D9'
@ -106,22 +73,6 @@ const ChatSvg = ({theme, styles}: Props) => {
fill={theme.centerChannelColor}
fillOpacity={0.08}
/>
<Mask
id='c'
maskUnits='userSpaceOnUse'
>
<Path
d='M153.533 64.874c2.398-1.506 3.384-4.263 5.059-5.298a127.57 127.57 0 00-1.342 12.938c-.195 3.068-.344 6.09-.551 9.02a95.15 95.15 0 01-1.078 9.79c-3.533 20.223 2.719 6.136 26.212 6.102 20.568 0 20.316 7.503 21.669-14.938v-.15c.069-.964.127-1.976.195-3.044.149-2.46.322-5.205.54-8.296.183-2.62.344-4.999.447-7.17 6.298-1.402 11.356-1.861 15.36-5.573-2.065-5.94-4.715-13.696-8.672-18.626-4.233 2.448-8.546 2.034-11.919 1.92h-1.526l-2.03-.208c-1.48-.16-3.442-.39-5.518-.643-1.147 5.883-10.255 5.01-13.261 2.953A12.146 12.146 0 01173 38.629a81.189 81.189 0 01-3.671-.424c-1.181-.161-2.214-.31-3.28-.437-6.459-.782-12.148-.46-19.582 8.594-.459.563-.918 1.07-1.365 1.563a149.59 149.59 0 008.431 16.949z'
fill='#fff'
/>
</Mask>
<G mask='url(#c)'>
<Path
transform='matrix(-1 0 0 1 237.95 -.343)'
fill='url(#pattern2)'
d='M0 0H90.6433V85.0943H0z'
/>
</G>
<Path
d='M136.946 107.295a105.804 105.804 0 0015.222 17.178l.493.437a195.036 195.036 0 003.442 2.987c.462-.547.973-1.05 1.525-1.505l.505-.425c1.858-1.563 4.52-3.447 7.17-5.32 3.728-2.574 7.41-4.952 8.695-5.745.94 5.194 2.053 10.341 3.361 15.225l.172.654c.218.77.424 1.54.642 2.298a110.202 110.202 0 0025.673-3.573l.643-.184 1.319-.402c.15-.048.303-.086.459-.115-.161-1-.31-2.103-.459-3.298 0-.229 0-.448-.081-.678-1.583-13.65-2.409-38.251-2.225-42.296v-.149a15.072 15.072 0 01-1.411-1.31c-.191-.2-.386-.406-.585-.62-4.279-4.803-6.39-11.778-7.617-16.03.425-9.399 1.296-14.385 5.564-22.83-.539 0-2.719-.15-3.556-.242a61.53 61.53 0 00-5.002 19.821c-8.03-1.46-16.06-2.758-24.09-3.999a112.698 112.698 0 012.467-18.959c-1.147-.15-2.214-.31-3.281-.436a95.116 95.116 0 00-2.18 21.463c-.459 1.15-1.365 4.597-2.03 5.86a74.988 74.988 0 01-4.589 7.435c-.195 3.068-.344 6.09-.55 9.02-.207 2.93-.471 5.745-.884 8.491-3.98 3.585-10.415 8.273-16.541 14.696-.149.161-.31.322-.459.494-.574.644-1.193 1.333-1.812 2.057z'
fill='#1C58D9'
@ -142,22 +93,6 @@ const ChatSvg = ({theme, styles}: Props) => {
d='M185.962 32.608s-2.776 1.655-1.525 6.584c-3.373-5.033 1.055-11.938 1.055-11.938a1.156 1.156 0 00.941.49 1.147 1.147 0 00.94-.49c3.35-3.448.952-4.597 0-4.195-1.194.4-2.429.662-3.682.782-1.95.322-3.854-2.838-3.854-2.838l.493 1.436a5.545 5.545 0 01-2.81-4.596c1.778-5.688 12.733-6.699 16.816 1.884 4.084 8.584 0 23.395 11.931 21.671-23.7 10.514-20.305-8.79-20.305-8.79z'
fill='#4A2407'
/>
<Mask
id='d'
maskUnits='userSpaceOnUse'
>
<Path
d='M185.962 32.609s-2.776 1.654-1.525 6.584c-3.373-5.033 1.055-11.939 1.055-11.939a1.155 1.155 0 00.941.492 1.146 1.146 0 00.94-.492c3.35-3.447.952-4.596 0-4.194a16.62 16.62 0 01-3.682.782c-1.95.322-3.854-2.839-3.854-2.839l.493 1.437a5.545 5.545 0 01-2.81-4.596c1.778-5.688 12.733-6.7 16.816 1.884 4.084 8.583 0 23.394 11.931 21.67-23.7 10.514-20.305-8.79-20.305-8.79z'
fill='#66320A'
/>
</Mask>
<G mask='url(#d)'>
<Path
transform='matrix(-1 0 0 1 206.511 13.158)'
fill='url(#pattern3)'
d='M0 0H28.9895V31.5012H0z'
/>
</G>
<Path
d='M139.275 104.721c6.779 9.595 18.847 21.223 18.847 21.223M177.359 130.103c11.827.449 28.449-4.596 28.449-4.596'
stroke='#1E325C'