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

Jump to bottom

Added network icons for hack database #154

Merged
merged 1 commit into from Apr 15, 2024
Merged

Added network icons for hack database #154

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.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
8 changes: 4 additions & 4 deletions .vscode/settings.json
View file
Open in desktop
Expand Up @@ -5,22 +5,22 @@
"editor.formatOnSave": true,
"editor.defaultFormatter": "standard.vscode-standard",
"editor.codeActionsOnSave": {
"source.fixAll": true
"source.fixAll": "explicit"
}
},
"editor.tabSize": 2,
"[javascript]": {
"editor.formatOnSave": true,
"editor.defaultFormatter": "standard.vscode-standard",
"editor.codeActionsOnSave": {
"source.fixAll": true
"source.fixAll": "explicit"
}
},
"[typescript]": {
"editor.formatOnSave": true,
"editor.defaultFormatter": "vscode.typescript-language-features",
"editor.codeActionsOnSave": {
"source.fixAll": true
"source.fixAll": "explicit"
},
},
"typescript.tsserver.experimental.enableProjectDiagnostics": true,
Expand All @@ -31,7 +31,7 @@
"editor.formatOnSave": true,
"editor.defaultFormatter": "astro-build.astro-vscode",
"editor.codeActionsOnSave": {
"source.fixAll": true
"source.fixAll": "explicit"
}
},
"[yaml]": {
Expand Down
10 changes: 10 additions & 0 deletions src/components/ChainIconGroup.scss
View file
Open in desktop
Expand Up @@ -106,6 +106,16 @@
@include chain-icon
}

.base.chain.icon {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1473_2607)'%3E%3Cpath d='M12 24C14.3734 24 16.6934 23.2962 18.6668 21.9776C20.6402 20.659 22.1783 18.785 23.0866 16.5922C23.9948 14.3995 24.2324 11.9867 23.7695 9.65895C23.3064 7.33115 22.1635 5.19295 20.4853 3.51472C18.8071 1.83649 16.6688 0.693605 14.3411 0.230582C12.0133 -0.232441 9.60052 0.00519955 7.40779 0.913448C5.21509 1.82171 3.34094 3.35977 2.02237 5.33316C0.703788 7.30655 0 9.62663 0 12C0 15.1826 1.26428 18.2348 3.51472 20.4853C5.76515 22.7357 8.81737 24 12 24Z' fill='%230052FF'/%3E%3Cpath d='M11.9718 20.4502C16.639 20.4502 20.4225 16.6668 20.4225 11.9995C20.4225 7.33234 16.639 3.54883 11.9718 3.54883C7.5441 3.54883 3.91172 6.95398 3.55057 11.2884H16.0908V12.6956H3.54932C3.90326 17.0372 7.53893 20.4502 11.9718 20.4502Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1473_2607'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
@include chain-icon
}

.blast.chain.icon {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1472_2601)'%3E%3Crect width='24' height='24' rx='12' fill='black'/%3E%3Cpath d='M16.6753 11.9026L19.2359 10.6266L20.1186 7.91748L18.3533 6.63281H6.59901L3.8811 8.65158H17.6978L16.9637 10.9238H11.4231L10.89 12.5842H16.4306L14.8751 17.3646L17.4706 16.0799L18.397 13.2135L16.6579 11.9375L16.6753 11.9026Z' fill='%23FCFC03'/%3E%3Cpath d='M7.78752 15.3117L9.3868 10.3303L7.61273 9.00195L4.94727 17.3654H14.875L15.5392 15.3117H7.78752Z' fill='%23FCFC03'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1472_2601'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
@include chain-icon
}

.random.chain.icon {
background-color: colors.$gray-100;
height: 24px;
Expand Down
2 changes: 2 additions & 0 deletions src/data/chain-icon-mapping.ts
View file
Open in desktop
@@ -1,5 +1,7 @@
const chainIconMapping: Record<string, string> = {
avax: 'avax chain icon',
base: 'base chain icon',
blast: 'blast chain icon',
bnb: 'bnb chain icon',
eth: 'eth chain icon',
arb: 'arb chain icon',
Expand Down