Skip to content
This repository has been archived by the owner on May 13, 2024. It is now read-only.

Adding solid color uphold logo #538

Merged
merged 1 commit into from
Sep 18, 2019
+10 −200
Merged

Adding solid color uphold logo #538

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
64 changes: 6 additions & 58 deletions src/components/icons/fc-logo-uphold.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,65 +5,13 @@
import * as React from 'react'
import GenerateComponentForGraphic from './template'

// Direct access to SVG
// TODO(petemill): generate unique IDs to not polute global DOM id scope, this could cause issues.
export const Graphic = (
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'>
<defs>
<linearGradient
id='a'
x1='-378.78'
y1='583.86'
x2='-378.78'
y2='582.86'
gradientTransform='matrix(18 0 0 -22 6834 12848)'
gradientUnits='userSpaceOnUse'
>
<stop offset='0' stopColor='#78be06' />
<stop offset='1' stopColor='#ff523c' />
</linearGradient>
<linearGradient
id='b'
x1='-372.29'
y1='587.63'
x2='-372.29'
y2='586.66'
gradientTransform='matrix(14 0 0 -19 5226 11171)'
gradientUnits='userSpaceOnUse'
>
<stop offset='0' stopColor='#fab406' />
<stop offset='1' stopColor='#fa5235' />
</linearGradient>
<linearGradient
id='c'
x1='-430.71'
y1='587.63'
x2='-430.71'
y2='586.66'
gradientTransform='matrix(-14 0 0 -19 -6012 11171)'
gradientUnits='userSpaceOnUse'
>
<stop offset='0' stopColor='#3d58d0' />
<stop offset='1' stopColor='#78b81b' />
</linearGradient>
</defs>
<path
d='M13.21 28.51a1 1 0 0 1 .67-1.89 6.1 6.1 0 0 0 4.24 0 1 1 0 0 1 .67 1.89 8.19 8.19 0 0 1-5.58 0z'
fill='#ff523c'
/>
<path
d='M16 25c-5 0-9-5-9-11s4-11 9-11 9 5 9 11-4 11-9 11zm0-2c3.81 0 7-4 7-9s-3.19-9-7-9-7 4-7 9 3.19 9 7 9z'
fill='url(#a)'
/>
<path
d='M16 25c-5 0-9-5-9-11 0-.25 0-.66.07-1.19a13.81 13.81 0 0 1 .47-2.58C8.27 7.66 9.69 6 12 6c4.74 0 9 5.14 9 11 0 5.13-2.2 8-5 8zm0-2c1.56 0 3-1.88 3-6 0-4.83-3.45-9-7-9-1.19 0-2 1-2.54 2.77a12.53 12.53 0 0 0-.4 2.23A9.51 9.51 0 0 0 9 14c0 5 3.19 9 7 9z'
fill='url(#b)'
/> <path
d='M16 25c5 0 9-5 9-11 0-.25 0-.66-.07-1.19a13.81 13.81 0 0 0-.47-2.58C23.73 7.66 22.31 6 20 6c-4.74 0-9 5.14-9 11 0 5.13 2.2 8 5 8zm0-2c-1.56 0-3-1.88-3-6 0-4.83 3.45-9 7-9 1.19 0 2 1 2.54 2.77a12.53 12.53 0 0 1 .4 2.23 9.51 9.51 0 0 1 .06 1c0 5-3.19 9-7 9z'
fill='url(#c)'
/>
</svg>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'>
<path
fill='#49cc68'
d='M18.6,27.4c-0.8,0.2-1.6,0.4-2.4,0.4h-0.1c-0.8,0-1.6-0.1-2.4-0.4c-0.4-0.1-0.8,0.1-0.9,0.5s0.1,0.8,0.5,0.9 c0.9,0.3,1.9,0.4,2.8,0.4h0.1c1,0,1.9-0.1,2.8-0.4c0.4-0.1,0.6-0.5,0.5-0.9C19.4,27.5,19,27.2,18.6,27.4z M24.9,9.6L24.9,9.6 L24.9,9.6C23.3,4.7,18.1,2,13.3,3.6c-2.8,0.9-5,3.1-5.9,5.9l0,0c-0.8,2.4-0.5,5.6,0.8,8.6c1.8,4.1,5.1,6.9,8,6.9h0.1 c2.9,0,6.2-2.8,8-6.9C25.4,15.2,25.7,12,24.9,9.6z M20.7,6c-1.7,0-3.3,0.6-4.5,1.8c-1.2-1.1-2.9-1.8-4.5-1.8 C14.3,4.1,17.9,4.1,20.7,6z M17.3,23.4c-0.8,0.4-1.6,0.4-2.4,0c-2.4-1.1-3-5.7-1.1-10c0.6-1.3,1.3-2.5,2.3-3.6 c1,1.1,1.7,2.3,2.3,3.6C20.3,17.7,19.8,22.3,17.3,23.4z M9.4,17.6C8.3,14.9,8,12.1,8.7,10C9,9,9.7,8.2,10.5,7.8 c1.3-0.6,2.9-0.2,4.5,1.1c-1.1,1.2-1.9,2.5-2.6,4c-1.2,2.5-1.5,5.4-1,8.1C10.7,20,10,18.8,9.4,17.6z M22.8,17.6 c-0.5,1.2-1.2,2.4-2.1,3.4c0.6-2.7,0.2-5.6-1-8.1c-0.6-1.5-1.5-2.8-2.6-4c1.6-1.3,3.3-1.7,4.5-1.1c0.9,0.5,1.6,1.3,1.8,2.2 C24.3,12.1,24,14.9,22.8,17.6z'
/>
</svg>
)

// Styled Component for SVG
export default GenerateComponentForGraphic(Graphic)
73 changes: 2 additions & 71 deletions src/features/rewards/modalVerify/__snapshots__/spec.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -538,78 +538,9 @@ exports[`PanelVerify tests basic tests matches the snapshot 1`] = `
focusable="false"
viewBox="0 0 32 32"
>
<defs>
<linearGradient
gradientTransform="matrix(18 0 0 -22 6834 12848)"
gradientUnits="userSpaceOnUse"
id="a"
x1="-378.78"
x2="-378.78"
y1="583.86"
y2="582.86"
>
<stop
offset="0"
stopColor="#78be06"
/>
<stop
offset="1"
stopColor="#ff523c"
/>
</linearGradient>
<linearGradient
gradientTransform="matrix(14 0 0 -19 5226 11171)"
gradientUnits="userSpaceOnUse"
id="b"
x1="-372.29"
x2="-372.29"
y1="587.63"
y2="586.66"
>
<stop
offset="0"
stopColor="#fab406"
/>
<stop
offset="1"
stopColor="#fa5235"
/>
</linearGradient>
<linearGradient
gradientTransform="matrix(-14 0 0 -19 -6012 11171)"
gradientUnits="userSpaceOnUse"
id="c"
x1="-430.71"
x2="-430.71"
y1="587.63"
y2="586.66"
>
<stop
offset="0"
stopColor="#3d58d0"
/>
<stop
offset="1"
stopColor="#78b81b"
/>
</linearGradient>
</defs>
<path
d="M13.21 28.51a1 1 0 0 1 .67-1.89 6.1 6.1 0 0 0 4.24 0 1 1 0 0 1 .67 1.89 8.19 8.19 0 0 1-5.58 0z"
fill="#ff523c"
/>
<path
d="M16 25c-5 0-9-5-9-11s4-11 9-11 9 5 9 11-4 11-9 11zm0-2c3.81 0 7-4 7-9s-3.19-9-7-9-7 4-7 9 3.19 9 7 9z"
fill="url(#a)"
/>
<path
d="M16 25c-5 0-9-5-9-11 0-.25 0-.66.07-1.19a13.81 13.81 0 0 1 .47-2.58C8.27 7.66 9.69 6 12 6c4.74 0 9 5.14 9 11 0 5.13-2.2 8-5 8zm0-2c1.56 0 3-1.88 3-6 0-4.83-3.45-9-7-9-1.19 0-2 1-2.54 2.77a12.53 12.53 0 0 0-.4 2.23A9.51 9.51 0 0 0 9 14c0 5 3.19 9 7 9z"
fill="url(#b)"
/>
<path
d="M16 25c5 0 9-5 9-11 0-.25 0-.66-.07-1.19a13.81 13.81 0 0 0-.47-2.58C23.73 7.66 22.31 6 20 6c-4.74 0-9 5.14-9 11 0 5.13 2.2 8 5 8zm0-2c-1.56 0-3-1.88-3-6 0-4.83 3.45-9 7-9 1.19 0 2 1 2.54 2.77a12.53 12.53 0 0 1 .4 2.23 9.51 9.51 0 0 1 .06 1c0 5-3.19 9-7 9z"
fill="url(#c)"
d="M18.6,27.4c-0.8,0.2-1.6,0.4-2.4,0.4h-0.1c-0.8,0-1.6-0.1-2.4-0.4c-0.4-0.1-0.8,0.1-0.9,0.5s0.1,0.8,0.5,0.9 c0.9,0.3,1.9,0.4,2.8,0.4h0.1c1,0,1.9-0.1,2.8-0.4c0.4-0.1,0.6-0.5,0.5-0.9C19.4,27.5,19,27.2,18.6,27.4z M24.9,9.6L24.9,9.6 L24.9,9.6C23.3,4.7,18.1,2,13.3,3.6c-2.8,0.9-5,3.1-5.9,5.9l0,0c-0.8,2.4-0.5,5.6,0.8,8.6c1.8,4.1,5.1,6.9,8,6.9h0.1 c2.9,0,6.2-2.8,8-6.9C25.4,15.2,25.7,12,24.9,9.6z M20.7,6c-1.7,0-3.3,0.6-4.5,1.8c-1.2-1.1-2.9-1.8-4.5-1.8 C14.3,4.1,17.9,4.1,20.7,6z M17.3,23.4c-0.8,0.4-1.6,0.4-2.4,0c-2.4-1.1-3-5.7-1.1-10c0.6-1.3,1.3-2.5,2.3-3.6 c1,1.1,1.7,2.3,2.3,3.6C20.3,17.7,19.8,22.3,17.3,23.4z M9.4,17.6C8.3,14.9,8,12.1,8.7,10C9,9,9.7,8.2,10.5,7.8 c1.3-0.6,2.9-0.2,4.5,1.1c-1.1,1.2-1.9,2.5-2.6,4c-1.2,2.5-1.5,5.4-1,8.1C10.7,20,10,18.8,9.4,17.6z M22.8,17.6 c-0.5,1.2-1.2,2.4-2.1,3.4c0.6-2.7,0.2-5.6-1-8.1c-0.6-1.5-1.5-2.8-2.6-4c1.6-1.3,3.3-1.7,4.5-1.1c0.9,0.5,1.6,1.3,1.8,2.2 C24.3,12.1,24,14.9,22.8,17.6z"
fill="#49cc68"
/>
</svg>
</div>
Expand Down
73 changes: 2 additions & 71 deletions src/features/rewards/walletPopup/__snapshots__/spec.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -71,78 +71,9 @@ exports[`WalletSummary tests basic tests matches the snapshot 1`] = `
focusable="false"
viewBox="0 0 32 32"
>
<defs>
<linearGradient
gradientTransform="matrix(18 0 0 -22 6834 12848)"
gradientUnits="userSpaceOnUse"
id="a"
x1="-378.78"
x2="-378.78"
y1="583.86"
y2="582.86"
>
<stop
offset="0"
stopColor="#78be06"
/>
<stop
offset="1"
stopColor="#ff523c"
/>
</linearGradient>
<linearGradient
gradientTransform="matrix(14 0 0 -19 5226 11171)"
gradientUnits="userSpaceOnUse"
id="b"
x1="-372.29"
x2="-372.29"
y1="587.63"
y2="586.66"
>
<stop
offset="0"
stopColor="#fab406"
/>
<stop
offset="1"
stopColor="#fa5235"
/>
</linearGradient>
<linearGradient
gradientTransform="matrix(-14 0 0 -19 -6012 11171)"
gradientUnits="userSpaceOnUse"
id="c"
x1="-430.71"
x2="-430.71"
y1="587.63"
y2="586.66"
>
<stop
offset="0"
stopColor="#3d58d0"
/>
<stop
offset="1"
stopColor="#78b81b"
/>
</linearGradient>
</defs>
<path
d="M13.21 28.51a1 1 0 0 1 .67-1.89 6.1 6.1 0 0 0 4.24 0 1 1 0 0 1 .67 1.89 8.19 8.19 0 0 1-5.58 0z"
fill="#ff523c"
/>
<path
d="M16 25c-5 0-9-5-9-11s4-11 9-11 9 5 9 11-4 11-9 11zm0-2c3.81 0 7-4 7-9s-3.19-9-7-9-7 4-7 9 3.19 9 7 9z"
fill="url(#a)"
/>
<path
d="M16 25c-5 0-9-5-9-11 0-.25 0-.66.07-1.19a13.81 13.81 0 0 1 .47-2.58C8.27 7.66 9.69 6 12 6c4.74 0 9 5.14 9 11 0 5.13-2.2 8-5 8zm0-2c1.56 0 3-1.88 3-6 0-4.83-3.45-9-7-9-1.19 0-2 1-2.54 2.77a12.53 12.53 0 0 0-.4 2.23A9.51 9.51 0 0 0 9 14c0 5 3.19 9 7 9z"
fill="url(#b)"
/>
<path
d="M16 25c5 0 9-5 9-11 0-.25 0-.66-.07-1.19a13.81 13.81 0 0 0-.47-2.58C23.73 7.66 22.31 6 20 6c-4.74 0-9 5.14-9 11 0 5.13 2.2 8 5 8zm0-2c-1.56 0-3-1.88-3-6 0-4.83 3.45-9 7-9 1.19 0 2 1 2.54 2.77a12.53 12.53 0 0 1 .4 2.23 9.51 9.51 0 0 1 .06 1c0 5-3.19 9-7 9z"
fill="url(#c)"
d="M18.6,27.4c-0.8,0.2-1.6,0.4-2.4,0.4h-0.1c-0.8,0-1.6-0.1-2.4-0.4c-0.4-0.1-0.8,0.1-0.9,0.5s0.1,0.8,0.5,0.9 c0.9,0.3,1.9,0.4,2.8,0.4h0.1c1,0,1.9-0.1,2.8-0.4c0.4-0.1,0.6-0.5,0.5-0.9C19.4,27.5,19,27.2,18.6,27.4z M24.9,9.6L24.9,9.6 L24.9,9.6C23.3,4.7,18.1,2,13.3,3.6c-2.8,0.9-5,3.1-5.9,5.9l0,0c-0.8,2.4-0.5,5.6,0.8,8.6c1.8,4.1,5.1,6.9,8,6.9h0.1 c2.9,0,6.2-2.8,8-6.9C25.4,15.2,25.7,12,24.9,9.6z M20.7,6c-1.7,0-3.3,0.6-4.5,1.8c-1.2-1.1-2.9-1.8-4.5-1.8 C14.3,4.1,17.9,4.1,20.7,6z M17.3,23.4c-0.8,0.4-1.6,0.4-2.4,0c-2.4-1.1-3-5.7-1.1-10c0.6-1.3,1.3-2.5,2.3-3.6 c1,1.1,1.7,2.3,2.3,3.6C20.3,17.7,19.8,22.3,17.3,23.4z M9.4,17.6C8.3,14.9,8,12.1,8.7,10C9,9,9.7,8.2,10.5,7.8 c1.3-0.6,2.9-0.2,4.5,1.1c-1.1,1.2-1.9,2.5-2.6,4c-1.2,2.5-1.5,5.4-1,8.1C10.7,20,10,18.8,9.4,17.6z M22.8,17.6 c-0.5,1.2-1.2,2.4-2.1,3.4c0.6-2.7,0.2-5.6-1-8.1c-0.6-1.5-1.5-2.8-2.6-4c1.6-1.3,3.3-1.7,4.5-1.1c0.9,0.5,1.6,1.3,1.8,2.2 C24.3,12.1,24,14.9,22.8,17.6z"
fill="#49cc68"
/>
</svg>
</span>
Expand Down