Skip to content

Commit

Permalink
icon - update company svg for loan token (#1312)
Browse files Browse the repository at this point in the history 
* feat: update company icon to use placeholder

* test: update snapshot

* revert: DUSD icon
  • Loading branch information
@kyleleow
kyleleow authored Nov 17, 2021
1 parent c9ba9c0 commit 6e11bb0
Show file tree
Hide file tree
Showing 17 changed files with 728 additions and 555 deletions.
898 changes: 612 additions & 286 deletions mobile-app/app/components/icons/assets/__snapshots__/index.test.tsx.snap
View file

Large diffs are not rendered by default.

30 changes: 15 additions & 15 deletions mobile-app/app/components/icons/assets/dAAPL.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,22 +1,22 @@
import * as React from 'react'
import Svg, { Path, SvgProps } from 'react-native-svg'
import Svg, { ClipPath, Defs, G, Path, Rect, SvgProps } from 'react-native-svg'

export function dAAPL (props: SvgProps): JSX.Element {
return (
<Svg
height={32}
width={32}
viewBox='0 0 32 32'
{...props}
>
<Path
d='M16,0 C7.163,0 0,7.163 0,16 C0,24.837 7.163,32 16,32 C24.838,32 32,24.837 32,16 C32,7.163 24.838,0 16,0 L16,0 Z'
id='Path' fill='#F4F3F6'
/>
<Path
d='M18.1904474,8.92216898 C18.7774837,8.16437378 19.2224971,7.09329807 19.0615331,6 C18.1020755,6.06667758 16.9806038,6.68053444 16.3262367,7.48066312 C15.7297318,8.20564977 15.2394824,9.28413169 15.4309524,10.3308626 C16.479832,10.3636722 17.5623789,9.73499883 18.1904474,8.92216898 L18.1904474,8.92216898 Z M23.374917,19.2063663 C22.955141,20.1419666 22.7531485,20.5600252 22.2124019,21.3887325 C21.4580904,22.5455364 20.3944809,23.985981 19.0752243,23.9965634 C17.9043055,24.0092639 17.6023724,23.2292433 16.0127425,23.2387682 C14.4231125,23.2472349 14.0917234,24.0113796 12.9187008,23.9998713 C11.6004979,23.9880975 10.5926468,22.6884142 9.83833534,21.5316141 C7.72794622,18.2993408 7.50596637,14.5050586 8.80733937,12.4867464 C9.73313351,11.053708 11.1933593,10.2154758 12.5652281,10.2154758 C13.9612805,10.2154758 14.8397349,10.9859721 15.9959238,10.9859721 C17.1173955,10.9859721 17.8001686,10.2133608 19.4150471,10.2133608 C20.6375131,10.2133608 21.9325749,10.883309 22.8541578,12.0390555 C19.8327045,13.7049337 20.3219039,18.0453174 23.374917,19.2063475 L23.374917,19.2063475 L23.374917,19.2063663 Z'
id='Shape' fill='#000000'
/>
<Svg width='33' height='32' viewBox='0 0 33 32' fill='none' {...props}>
<G clip-path='url(#clip0_1388_11302)'>
<Path fill-rule='evenodd' clip-rule='evenodd' d='M16.5 0C7.663 0 0.5 7.163 0.5 16C0.5 24.837 7.663 32 16.5 32C25.338 32 32.5 24.837 32.5 16C32.5 7.163 25.338 0 16.5 0Z' fill='#000000' />
<Path d='M8.39916 16.986L7.62605 13.3894H7.60364L6.83053 16.986H8.39916ZM8.61204 12L10.7297 20H9.04902L8.67927 18.3081H6.55042L6.18067 20H4.5L6.61765 12H8.61204Z' fill='white' />
<Path d='M14.6251 16.986L13.852 13.3894H13.8296L13.0565 16.986H14.6251ZM14.838 12L16.9556 20H15.2749L14.9052 18.3081H12.7763L12.4066 20H10.7259L12.8436 12H14.838Z' fill='white' />
<Path d='M19.1255 15.619V13.1877H19.7978C20.2012 13.1877 20.4887 13.2923 20.6605 13.5014C20.8323 13.7106 20.9182 14.0168 20.9182 14.4202C20.9182 14.831 20.8174 15.1335 20.6157 15.3277C20.4215 15.5219 20.1638 15.619 19.8426 15.619H19.1255ZM17.5121 12V20H19.1255V16.8067H19.9883C20.3692 16.8067 20.7166 16.7582 21.0303 16.6611C21.344 16.564 21.6092 16.4183 21.8258 16.2241C22.0499 16.0299 22.2217 15.7796 22.3412 15.4734C22.4682 15.1671 22.5317 14.8086 22.5317 14.3978C22.5317 14.099 22.4943 13.8077 22.4196 13.5238C22.3449 13.2325 22.2217 12.9748 22.0499 12.7507C21.8781 12.5266 21.6503 12.3473 21.3664 12.2129C21.09 12.071 20.7464 12 20.3356 12H17.5121Z' fill='white' />
<Path d='M23.3222 20H27.7928V18.6779H24.9357V12H23.3222V20Z' fill='white' />
</G>
<Defs>
<ClipPath id='clip0_1388_11302'>
<Rect width='32' height='32' fill='white' transform='translate(0.5)' />
</ClipPath>
</Defs>
</Svg>

)
}
28 changes: 13 additions & 15 deletions mobile-app/app/components/icons/assets/dAMD.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,22 +1,20 @@
import * as React from 'react'
import Svg, { Path, SvgProps } from 'react-native-svg'
import Svg, { ClipPath, Defs, G, Path, Rect, SvgProps } from 'react-native-svg'

export function dAMD (props: SvgProps): JSX.Element {
return (
<Svg
height={32}
width={32}
viewBox='0 0 32 32'
{...props}
>
<Path
d='M16,0 C7.163,0 0,7.163 0,16 C0,24.837 7.163,32 16,32 C24.838,32 32,24.837 32,16 C32,7.163 24.838,0 16,0 L16,0 Z'
id='Path' fill='#F4F3F6'
/>
<Path
d='M12.486997,13.232398 L12.486997,19.5131707 L18.7666796,19.5131707 L14.2799342,24 L8,24 L8,17.7192273 L12.486997,13.232398 Z M23.9998323,8 L23.9998323,23.8665004 L19.641639,19.5080555 L19.641639,12.358948 L12.4921122,12.358948 L8.13391893,8 L23.9998323,8 Z'
id='Combined-Shape' fill='#000000' fill-rule='nonzero'
/>
<Svg width='33' height='32' viewBox='0 0 33 32' fill='none' {...props}>
<G clip-path='url(#clip0_1388_11299)'>
<Path fill-rule='evenodd' clip-rule='evenodd' d='M16.5 0C7.663 0 0.5 7.163 0.5 16C0.5 24.837 7.663 32 16.5 32C25.338 32 32.5 24.837 32.5 16C32.5 7.163 25.338 0 16.5 0Z' fill='#000000' />
<Path d='M6.47726 16.9076L7.51928 13.972H7.54169L8.55009 16.9076H6.47726ZM6.64533 12L3.62012 20H5.39043L6.01788 18.2185H9.00947L9.61451 20H11.4408L8.44925 12H6.64533Z' fill='white' />
<Path d='M12.1307 12V20H13.7778V14.3866H13.8002L15.761 20H17.1167L19.0775 14.3305H19.0999V20H20.747V12H18.2708L16.5005 17.5014H16.478L14.6069 12H12.1307Z' fill='white' />
<Path d='M24.0548 18.521V13.479H25.3097C25.743 13.479 26.1052 13.5425 26.3966 13.6695C26.6953 13.789 26.9344 13.9645 27.1136 14.1961C27.2929 14.4276 27.4199 14.7077 27.4946 15.0364C27.5768 15.3576 27.6178 15.7199 27.6178 16.1232C27.6178 16.564 27.5618 16.9374 27.4498 17.2437C27.3377 17.55 27.1883 17.8002 27.0016 17.9944C26.8149 18.1811 26.602 18.3156 26.3629 18.3978C26.1239 18.4799 25.8774 18.521 25.6234 18.521H24.0548ZM22.2957 12V20H25.7467C26.3592 20 26.8895 19.8992 27.3377 19.6975C27.7934 19.4883 28.1706 19.2045 28.4694 18.8459C28.7756 18.4874 29.0035 18.0616 29.1529 17.5686C29.3022 17.0756 29.3769 16.5378 29.3769 15.9552C29.3769 15.2904 29.2836 14.7115 29.0968 14.2185C28.9176 13.7255 28.6636 13.3147 28.3349 12.986C28.0137 12.6573 27.629 12.4108 27.1809 12.2465C26.7402 12.0822 26.2621 12 25.7467 12H22.2957Z' fill='white' />
</G>
<Defs>
<ClipPath id='clip0_1388_11299'>
<Rect width='32' height='32' fill='white' transform='translate(0.5)' />
</ClipPath>
</Defs>
</Svg>
)
}
22 changes: 7 additions & 15 deletions mobile-app/app/components/icons/assets/dARKK.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,22 +1,14 @@
import * as React from 'react'
import Svg, { Path, SvgProps } from 'react-native-svg'
import Svg, { Circle, Path, SvgProps } from 'react-native-svg'

export function dARKK (props: SvgProps): JSX.Element {
return (
<Svg
height={32}
width={32}
viewBox='0 0 32 32'
{...props}
>
<Path
d='M16.0003,0 C7.1633,0 0.0003,7.163 0.0003,16 C0.0003,24.837 7.1633,32 16.0003,32 C24.8383,32 32.0003,24.837 32.0003,16 C32.0003,7.163 24.8383,0 16.0003,0 L16.0003,0 Z'
id='Path' fill='#F4F3F6'
/>
<Path
d='M32,16 C32,7.1784275 24.8230169,0 16,0 C7.17693443,0 0,7.17693443 0,16 C0,24.8230169 7.17693443,32 16,32 C24.8230169,32 32,24.8230169 32,16 Z M14.6395979,0.971910517 L2.59348707,22.9164253 C1.4845058,20.7797055 0.906345061,18.4074207 0.907899911,16 C0.907899911,8.13693281 6.95365484,1.66325281 14.6395979,0.973395477 L14.6395979,0.971910517 Z M15.5446122,15.7328695 L3.86976574,22.4744265 L15.5446122,1.20930129 L15.5446122,15.7328695 Z M15.5446122,31.0779452 C13.0510151,31.0021554 10.6150312,30.3093363 8.45486035,29.061564 C6.29456782,27.8137917 4.47736602,26.0499348 3.16576477,23.9278212 L15.5446122,16.7836208 L15.5446122,31.0779452 Z M19.5832171,8.16298047 C19.5794033,9.47623709 19.2986403,10.7739138 18.7591859,11.9712137 C18.2197315,13.1685947 17.4336763,14.2385775 16.4524666,15.1114582 L16.4524666,1.21302586 C17.4406548,2.08049418 18.2313353,3.14968176 18.7714389,4.34853964 C19.3114613,5.54740563 19.5883293,6.84810906 19.5832171,8.16298047 Z M28.828271,8.06397501 L18.7074152,13.9058815 C19.8629252,12.2131892 20.4832815,10.212469 20.4882314,8.16298047 C20.4932624,6.83081698 20.2348144,5.51079284 19.7276559,4.27894126 C19.2204162,3.04708156 18.4746091,1.92772179 17.5329983,0.985307617 C19.8311974,1.22343681 22.0441127,1.98536746 24.0016635,3.21251262 C25.9592955,4.43966588 27.6094676,6.09935642 28.8252687,8.06397501 L28.828271,8.06397501 Z M29.2844703,23.1493937 L16.9027422,16 L29.2844703,8.84833424 C30.4694361,11.0454262 31.0898736,13.502589 31.0898736,15.998864 C31.0898736,18.4951389 30.4694361,20.9523017 29.2844703,23.1493937 Z M28.8275407,23.9337448 C27.5155013,26.0542355 25.6985754,27.8165506 23.5390537,29.0631869 C21.3795321,30.3099043 18.9448465,31.0020743 16.4524666,31.0779452 L16.4524666,16.7850814 L28.8275407,23.9337448 Z'
id='Shape' fill='#000000' fill-rule='nonzero'
/>
<Svg width='32' height='32' viewBox='0 0 32 32' fill='none' {...props}>
<Circle cx='16' cy='16' r='16' fill='#000000' />
<Path d='M7.55248 16.986L6.77937 13.3894H6.75696L5.98385 16.986H7.55248ZM7.76536 12L9.88301 20H8.20234L7.83259 18.3081H5.70374L5.33399 20H3.65332L5.77097 12H7.76536Z' fill='white' />
<Path d='M10.4395 12V20H12.0529V16.6162H12.9157C13.2518 16.6162 13.4908 16.7059 13.6327 16.8852C13.7747 17.0644 13.8531 17.3109 13.868 17.6246L13.9129 19.1597C13.9203 19.3165 13.9353 19.4697 13.9577 19.619C13.9801 19.761 14.0324 19.888 14.1145 20H15.8624V19.9328C15.713 19.8506 15.6159 19.6975 15.5711 19.4734C15.5412 19.2493 15.5188 18.9244 15.5039 18.4986C15.4964 18.282 15.489 18.0878 15.4815 17.916C15.474 17.7367 15.4628 17.5724 15.4479 17.423C15.4031 16.9748 15.2873 16.6499 15.1005 16.4482C14.9138 16.2465 14.6187 16.1158 14.2154 16.056V16.0336C14.671 15.9365 15.0072 15.7199 15.2238 15.3838C15.4404 15.0401 15.5487 14.5994 15.5487 14.0616C15.5487 13.3669 15.362 12.8515 14.9885 12.5154C14.615 12.1718 14.0921 12 13.4199 12H10.4395ZM12.0529 15.4958V13.1877H12.8148C13.5618 13.1877 13.9353 13.5574 13.9353 14.2969C13.9353 14.7302 13.8307 15.0401 13.6215 15.2269C13.4124 15.4062 13.1136 15.4958 12.7252 15.4958H12.0529Z' fill='white' />
<Path d='M18.2788 12H16.6654V20H18.2788V17.6246L18.8727 16.7171L20.5197 20H22.3349L19.9147 15.4286L22.0884 12H20.3405L18.3013 15.2045H18.2788V12Z' fill='white' />
<Path d='M24.2969 12H22.6834V20H24.2969V17.6246L24.8907 16.7171L26.5378 20H28.3529L25.9327 15.4286L28.1064 12H26.3585L24.3193 15.2045H24.2969V12Z' fill='white' />
</Svg>
)
}
28 changes: 7 additions & 21 deletions mobile-app/app/components/icons/assets/dBABA.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,28 +1,14 @@
import * as React from 'react'
import Svg, { Path, SvgProps, G } from 'react-native-svg'
import Svg, { Path, SvgProps, Circle } from 'react-native-svg'

export function dBABA (props: SvgProps): JSX.Element {
return (
<Svg
height={32}
width={32}
viewBox='0 0 32 32'
{...props}
>
<Path
d='M16.0003,0 C7.1633,0 0.0003,7.163 0.0003,16 C0.0003,24.837 7.1633,32 16.0003,32 C24.8383,32 32.0003,24.837 32.0003,16 C32.0003,7.163 24.8383,0 16.0003,0 L16.0003,0 Z'
id='Path' fill='#FF6600'
/>
<G id='Alibaba' transform='translate(4.000000, 8.000000)' fill-rule='nonzero'>
<Path
d='M3.13147329,12.2334027 C3.01770934,12.2204387 2.8403854,12.1195267 2.71463745,12.0185028 C1.5155939,10.8438472 3.05511732,9.49349173 4.83574866,8.71083602 L4.83574866,6.47671685 C5.2521085,6.74218475 5.47986042,6.75447675 5.49206841,6.79208074 L6.8552479,5.44178124 L6.40080807,4.28000567 C10.3902466,2.90408619 11.992882,2.37357039 15.2374928,1.83121059 L14.656157,1.28770279 L15.6034806,0.745622996 C17.7872278,1.46583873 19.845507,1.65453066 19.4913912,3.48488997 C19.5800951,2.24776643 18.0398717,1.76779061 15.6918206,1.11158286 L15.2374648,1.38909076 L16.1081804,2.10897049 C12.2206339,2.77789024 9.83455879,3.53562595 6.99432385,4.51993758 L7.3851757,5.53020521 L5.95924824,6.93126868 C6.19926415,6.99438066 8.68597122,7.82740835 11.2730863,6.02247302 C11.2730863,6.02247302 11.3242982,5.98428104 11.3242982,5.97184904 C11.2490343,5.84568109 11.0716543,5.70643714 10.8574824,5.51754921 C11.6147981,5.56820119 12.1062819,6.23714894 12.018278,6.93135268 L11.6651701,6.93135268 C11.6900061,6.70393677 11.6395501,6.46417286 11.5642021,6.30006492 C9.55691089,7.76482837 7.23411576,7.97944829 5.2521085,7.28485255 L5.2521085,9.01396391 C4.29285686,9.35517178 2.5753095,10.4146634 2.5884695,11.438203 C2.65149747,11.9297148 2.90408538,12.1064787 3.13147329,12.2334027'
id='Fill-13' fill='#000000'
/>
<Path
d='M11.2489503,11.7913109 C9.10149106,12.8771505 7.04469583,13.7480621 3.87604902,13.8742861 C-0.251737441,13.7854701 -0.895401201,11.0461471 1.06098607,8.18068422 C2.90419738,5.2902453 5.83296828,2.67661427 10.4913825,1.04782688 C11.841402,0.569307061 13.8235773,0.0260232645 15.7424446,0.000543273977 C18.4945916,-0.0248247165 21.1713906,0.833962962 20.9939826,3.47237398 C20.8927627,5.49229322 17.9773197,8.34515616 16.4366483,10.3903874 C15.7799646,11.2856871 15.6663406,11.8671068 16.7896722,11.8169309 C20.8680387,11.551155 24.5664453,10.1378835 28,8.67334403 C25.6776809,10.2514794 13.6715934,16.1966892 13.6218374,12.1451747 C13.6340734,11.6268389 13.8736693,11.0845071 14.2649411,10.5038993 C14.644397,9.92329157 15.1743528,9.31664379 15.7172446,8.69851602 C16.5377003,7.76454837 18.5698555,5.53009321 19.2515713,4.19155371 C20.4004108,1.65441866 17.8253078,1.5277467 15.6032846,0.745426996 L14.656157,1.28750679 L15.2374928,1.83101459 C11.992854,2.37340239 10.3902466,2.90391819 6.40080807,4.27983767 L6.8552479,5.44161324 L5.49209641,6.79188474 C5.45424043,6.75422475 5.2521365,6.74201675 4.83558066,6.47654885 L4.83558066,8.71064002 C3.05514532,9.49321173 1.5154259,10.8436792 2.71432945,12.0183068 C2.8404974,12.1193027 3.01770934,12.2203827 3.13147329,12.2332067 C5.31502448,13.4703862 11.2605423,11.7913109 11.2489503,11.7913109'
id='Fill-14' fill='#FFFFFF'
/>
</G>
<Svg width='32' height='32' viewBox='0 0 32 32' fill='none' {...props}>
<Circle cx='16' cy='16' r='16' fill='#FF6600' />
<Path d='M5.44059 18.8123V16.4034H6.13527C6.31454 16.4034 6.47888 16.422 6.62827 16.4594C6.77766 16.4967 6.90465 16.564 7.00922 16.6611C7.12127 16.7507 7.20717 16.8739 7.26692 17.0308C7.33415 17.1802 7.36776 17.3707 7.36776 17.6022C7.36776 18.0654 7.24825 18.3828 7.00922 18.5546C6.77019 18.7264 6.45647 18.8123 6.06804 18.8123H5.44059ZM5.44059 15.2829V13.1877H6.02323C6.42659 13.1877 6.72164 13.2661 6.90838 13.423C7.09512 13.5798 7.18849 13.8487 7.18849 14.2297C7.18849 14.6106 7.08392 14.8833 6.87477 15.0476C6.67309 15.2045 6.34816 15.2829 5.89998 15.2829H5.44059ZM3.82715 12V20H6.54984C7.02043 20 7.41258 19.9365 7.72631 19.8095C8.0475 19.6825 8.30521 19.5145 8.49942 19.3053C8.7011 19.0887 8.84302 18.8385 8.92519 18.5546C9.00735 18.2708 9.04844 17.972 9.04844 17.6583C9.04844 17.1204 8.91772 16.6909 8.65628 16.3697C8.39484 16.0486 8.04003 15.8581 7.59185 15.7983V15.7759C7.99522 15.6639 8.29774 15.4547 8.49942 15.1485C8.7011 14.8347 8.80194 14.4613 8.80194 14.028C8.80194 13.6471 8.74592 13.3259 8.63387 13.0644C8.52183 12.803 8.36496 12.5938 8.16328 12.437C7.9616 12.2801 7.71884 12.1681 7.43499 12.1008C7.15861 12.0336 6.85609 12 6.52743 12H3.82715Z' fill='white' />
<Path d='M13.392 16.986L12.6189 13.3894H12.5965L11.8234 16.986H13.392ZM13.6049 12L15.7225 20H14.0419L13.6721 18.3081H11.5433L11.1735 20H9.49285L11.6105 12H13.6049Z' fill='white' />
<Path d='M17.8924 18.8123V16.4034H18.5871C18.7664 16.4034 18.9307 16.422 19.0801 16.4594C19.2295 16.4967 19.3565 16.564 19.4611 16.6611C19.5731 16.7507 19.659 16.8739 19.7188 17.0308C19.786 17.1802 19.8196 17.3707 19.8196 17.6022C19.8196 18.0654 19.7001 18.3828 19.4611 18.5546C19.222 18.7264 18.9083 18.8123 18.5199 18.8123H17.8924ZM17.8924 15.2829V13.1877H18.4751C18.8784 13.1877 19.1735 13.2661 19.3602 13.423C19.547 13.5798 19.6403 13.8487 19.6403 14.2297C19.6403 14.6106 19.5358 14.8833 19.3266 15.0476C19.1249 15.2045 18.8 15.2829 18.3518 15.2829H17.8924ZM16.279 12V20H19.0017C19.4723 20 19.8644 19.9365 20.1782 19.8095C20.4994 19.6825 20.7571 19.5145 20.9513 19.3053C21.153 19.0887 21.2949 18.8385 21.377 18.5546C21.4592 18.2708 21.5003 17.972 21.5003 17.6583C21.5003 17.1204 21.3696 16.6909 21.1081 16.3697C20.8467 16.0486 20.4919 15.8581 20.0437 15.7983V15.7759C20.4471 15.6639 20.7496 15.4547 20.9513 15.1485C21.153 14.8347 21.2538 14.4613 21.2538 14.028C21.2538 13.6471 21.1978 13.3259 21.0857 13.0644C20.9737 12.803 20.8168 12.5938 20.6151 12.437C20.4135 12.2801 20.1707 12.1681 19.8868 12.1008C19.6105 12.0336 19.3079 12 18.9793 12H16.279Z' fill='white' />
<Path d='M25.8439 16.986L25.0708 13.3894H25.0483L24.2752 16.986H25.8439ZM26.0567 12L28.1744 20H26.4937L26.124 18.3081H23.9951L23.6254 20H21.9447L24.0624 12H26.0567Z' fill='white' />
</Svg>
)
}
Loading

0 comments on commit 6e11bb0

Please sign in to comment.