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
Merged

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

Show file tree
Hide file tree
Changes from 1 commit
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
fill-rule="evenodd"
clip-rule="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>
);
}
30 changes: 30 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,30 @@
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 clip-path="url(#clip0_4798_2431)">
<G clip-path="url(#clip1_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
fill-rule="evenodd"
clip-rule="evenodd"
lykalabrada marked this conversation as resolved.
Show resolved Hide resolved
d="M32.4037 20.9259L32.4031 20.9274C33.8631 22.7581 34.7356 25.0769 34.7356 27.5989C34.7356 30.1584 33.837 32.5086 32.3375 34.3517L32.2084 34.5104L32.1742 34.3087C32.1451 34.1372 32.1109 33.964 32.0711 33.7895C31.3207 30.4924 28.8758 27.6651 24.8518 25.376C22.1345 23.8344 20.579 21.9781 20.1707 19.869C19.9069 18.5051 20.103 17.1353 20.4819 15.9619C20.8608 14.789 21.4243 13.8062 21.903 13.2146L21.9033 13.2142L23.4687 11.3001C23.7432 10.9645 24.2569 10.9645 24.5315 11.3001L32.4037 20.9259ZM34.8796 19.0135L34.8799 19.0128L24.3879 6.18371C24.1875 5.93876 23.8125 5.93876 23.6121 6.18371L13.12 19.0129L13.1203 19.0137L13.0862 19.056C11.1554 21.4519 10 24.4966 10 27.811C10 35.5302 16.2679 41.7881 24 41.7881C31.7321 41.7881 38 35.5302 38 27.811C38 24.4966 36.8446 21.4519 34.9138 19.056L34.8796 19.0135ZM15.6305 20.8845L15.6309 20.884L16.5693 19.7365L16.5977 19.9483C16.6202 20.1161 16.6474 20.2848 16.6797 20.4542C17.287 23.6402 19.4561 26.2967 23.0827 28.3541C26.2351 30.1483 28.0705 32.2114 28.5994 34.4741C28.82 35.4184 28.8593 36.3475 28.7638 37.1598L28.7578 37.21L28.7124 37.2323C27.2896 37.9273 25.6901 38.3175 23.9997 38.3175C18.0705 38.3175 13.2638 33.5187 13.2638 27.5989C13.2638 25.0572 14.1498 22.7218 15.6305 20.8845Z"
fill="#4CA2FF"
/>
</G>
</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>
<ClipPath id="clip1_4798_2431">
<rect width="48" height="48" fill="white" />
</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
fill-rule="evenodd"
clip-rule="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