Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(ui-ux): add svg icons for sui and xchf tokens #4031

Merged
merged 5 commits into from
Aug 30, 2023
+67 −0
Merged

feat(ui-ux): add svg icons for sui and xchf tokens #4031

Show file tree
Hide file tree
Changes from 3 commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
1141c58
feat(ui-ux): add svg icons for sui and xchf tokens
lykalabrada Aug 30, 2023
2de96d9
fix invlalid svg props
lykalabrada Aug 30, 2023
2dbfb73
update sui svg to a flatter one
lykalabrada Aug 30, 2023
86522bb
fix rect prop
lykalabrada Aug 30, 2023
f577d02
Merge branch 'main' into lyka/add-new-token-svg
thedoublejay Aug 30, 2023
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
18 changes: 18 additions & 0 deletions mobile-app/app/components/icons/assets/XCHF.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
import Svg, { Path, SvgProps } from "react-native-svg";

export function XCHF(props: SvgProps): JSX.Element {
return (
<Svg width="36" height="36" viewBox="0 0 36 36" fill="none" {...props}>
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M0 18C0 8.05891 8.05891 0 18 0C27.9411 0 36 8.05891 36 18C36 27.9411 27.9411 36 18 36C8.05891 36 0 27.9411 0 18Z"
fill="#CE0E2D"
/>
<Path
d="M13.023 24.1571H5.65027L13.1825 12.0313L15.1859 15.0667L13.911 17.1915L13.1825 16.1898L9.60073 22.0229H11.7862L20.8809 7.57166C24.98 14.0487 27.2782 17.6801 31.3773 24.1571L18.1969 24.1571L15.998 20.6809L17.3077 18.6113L19.5066 22.0229H27.5584L20.8809 11.4002L13.023 24.1571Z"
fill="white"
/>
</Svg>
);
}
25 changes: 25 additions & 0 deletions mobile-app/app/components/icons/assets/dSUI.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
import Svg, { ClipPath, Defs, G, Path, SvgProps } from "react-native-svg";

export function dSUI(props: SvgProps): JSX.Element {
return (
<Svg width="48" height="48" viewBox="0 0 48 48" fill="none" {...props}>
<G clipPath="url(#clip0_4798_2431)">
<Path
d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z"
fill="#F1F3F4"
/>
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M31.2032 21.4558L31.2026 21.4572C32.4541 23.0263 33.202 25.0138 33.202 27.1755C33.202 29.3694 32.4317 31.3839 31.1465 32.9637L31.0358 33.0997L31.0065 32.9268C30.9815 32.7798 30.9522 32.6314 30.9181 32.4818C30.2749 29.6557 28.1793 27.2324 24.7301 25.2702C22.401 23.9488 21.0677 22.3577 20.7177 20.5499C20.4917 19.3809 20.6597 18.2068 20.9845 17.201C21.3092 16.1956 21.7922 15.3533 22.2026 14.8462L23.5446 13.2052C23.7799 12.9175 24.2202 12.9175 24.4555 13.2052L31.2032 21.4558ZM33.3254 19.8167L24.3324 8.8197C24.1608 8.60974 23.8393 8.60974 23.6676 8.8197L14.6743 19.8162L14.6453 19.8531C12.9904 21.9067 12 24.5165 12 27.3574C12 33.9739 17.3725 39.3377 24 39.3377C30.6276 39.3377 36 33.9739 36 27.3574C36 24.5165 35.0096 21.9067 33.3547 19.8531L33.3254 19.8167ZM16.8261 21.4204L17.6309 20.4364L17.6552 20.618C17.6744 20.7618 17.6978 20.9064 17.7255 21.0516C18.246 23.7824 20.1052 26.0594 23.2137 27.8229C25.9158 29.3607 27.489 31.1291 27.9423 33.0686C28.1314 33.878 28.1651 34.6744 28.0832 35.3706L28.0781 35.4137L28.0392 35.4328C26.8196 36.0285 25.4487 36.3629 23.9997 36.3629C18.9176 36.3629 14.7975 32.2497 14.7975 27.1755C14.7975 24.997 15.557 22.9952 16.8261 21.4204Z"
fill="#4CA2FF"
/>
</G>
<Defs>
<ClipPath id="clip0_4798_2431">
thedoublejay marked this conversation as resolved.
Show resolved Hide resolved
<rect width="48" height="48" fill="white" />
lykalabrada marked this conversation as resolved.
Show resolved Hide resolved
</ClipPath>
</Defs>
</Svg>
);
}
18 changes: 18 additions & 0 deletions mobile-app/app/components/icons/assets/dXCHF.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
import Svg, { Path, SvgProps } from "react-native-svg";

export function dXCHF(props: SvgProps): JSX.Element {
return (
<Svg width="36" height="36" viewBox="0 0 36 36" fill="none" {...props}>
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M0 18C0 8.05891 8.05891 0 18 0C27.9411 0 36 8.05891 36 18C36 27.9411 27.9411 36 18 36C8.05891 36 0 27.9411 0 18Z"
fill="#FFE8EB"
/>
<Path
d="M13.023 24.1571H5.65027L13.1825 12.0313L15.1859 15.0667L13.911 17.1915L13.1825 16.1898L9.60073 22.0229H11.7862L20.8809 7.57166C24.98 14.0487 27.2782 17.6801 31.3773 24.1571L18.1969 24.1571L15.998 20.6809L17.3077 18.6113L19.5066 22.0229H27.5584L20.8809 11.4002L13.023 24.1571Z"
fill="#CE0E2D"
/>
</Svg>
);
}
6 changes: 6 additions & 0 deletions mobile-app/app/components/icons/assets/index.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,9 @@ import { MATIC } from "./MATIC";
import { dDOT } from "./dDOT";
import { dMATIC } from "./dMATIC";
import { dSOL } from "./dSOL";
import { dSUI } from "./dSUI";
import { XCHF } from "./XCHF";
import { dXCHF } from "./dXCHF";

const mapping: Record<string, (props: SvgProps) => JSX.Element> = {
_UTXO: DFI,
Expand All @@ -43,6 +46,9 @@ const mapping: Record<string, (props: SvgProps) => JSX.Element> = {
dDOT: dDOT,
dMATIC: dMATIC,
dSOL: dSOL,
dSUI: dSUI,
XCHF: XCHF,
dXCHF: dXCHF,
};

/**
Expand Down