0.0.18 ā¢ Published 4 months ago
beta-logos v0.0.18
Getting started
Installation
yarn add beta-logos
Usage
React
import { ChainLogo, SymbolLogo, ApiProviderLogo } from 'beta-logos';
<div>
<img src={ChainLogo('43114')} width={50} height={50} alt="43114" />
<img src={SymbolLogo('BTC')} width={50} height={50} alt="BTC" />
<img src={ApiProviderLogo('nodary')} width={50} height={50} alt="nodary" />
</div>;
HTML
<template>
<div>
<img src={ChainLogo('43114')} width={50} height={50} alt='43114' />
<img src={SymbolLogo('BTC')} width={50} height={50} alt='BTC' />
<img src={ApiProviderLogo('nodary')} width={50} height={50} alt='nodary' />
</div>
</template>
<script>
import { ChainLogo, SymbolLogo, ApiProviderLogo } from 'beta-logos';
export default {
...
methods: {
getSymbolLogo(symbol) {
return SymbolLogo(symbol);
},
getChainLogo(chainId) {
return ChainLogo(chainId);
},
getApiProviderLogo(apiProvider) {
return ApiProviderLogo(apiProvider);
},
}
...
}
</script>
API
ChainLogo
Prop | Type | Description |
---|---|---|
id | string | Chain id |
SymbolLogo
Prop | Type | Description |
---|---|---|
id | string | Symbol id |
Package update
Run the following command to update the package:
yarn changeset
Then follow the instructions in the terminal:
š¦ What kind of change is this for logos? (current version is x.x.x)
āÆ patch
minor
major
š¦ Please enter a summary for this change (this will be in the changelogs).
š¦ (submit empty line to open external editor)
š¦ Summary āŗ [CHANGES]
After that, you will be asked to confirm the changeset:
š¦ Summary āŗ [CHANGES]
š¦
š¦ === Summary of changesets ===
š¦ patch: logos
š¦
š¦ Is this your desired changeset? (Y/n) āŗ true
If you confirm, the changeset will be created and you will be asked to publish it:
š¦ Changeset added! - you can now commit it
š¦
š¦ If you want to modify or expand on the changeset summary, you can find it here
š¦ info .changeset/[MD_FILE]
āØ Done.
Commit the changeset and push it to the repository:
git add .
git commit -m "chore: update logos"
git push
Merge the changeset to the main branch:
git checkout main
git merge [BRANCH_NAME]
git push
To publish the package, merge main to the production
branch:
git checkout production
git merge main
git push
Changeset will raise a PR to the production
branch. After the PR is merged, the package will be published to npm.
Supported chains and symbols
Visit this page for a list of supported chains and symbols.