diff --git a/app/dash/Chains/Chain/Components/index.js b/app/dash/Chains/Chain/Components/index.js index 78af52a17..374c5e649 100644 --- a/app/dash/Chains/Chain/Components/index.js +++ b/app/dash/Chains/Chain/Components/index.js @@ -78,7 +78,17 @@ export const ChainHeader = ({ type, id, primaryColor, icon, svgName, name, on, s ) } -const accents = ['accent1', 'accent2', 'accent3', 'accent4', 'accent5', 'accent6', 'accent7', 'accent8'] +const accents = [ + 'accent1', + 'accent2', + 'accent3', + 'accent4', + 'accent5', + 'accent6', + 'accent7', + 'accent8', + 'accent9' +] export const EditChainColor = ({ currentColor, onChange }) => { return ( diff --git a/main/store/state/types/chain.ts b/main/store/state/types/chain.ts index ec965d7df..07cb516bc 100644 --- a/main/store/state/types/chain.ts +++ b/main/store/state/types/chain.ts @@ -57,6 +57,56 @@ export const chainDefaults = { } } }, + 30: { + id: 30, + type, + layer: 'sidechain' as const, + isTestnet: false, + name: 'Rootstock', + explorer: 'https://explorer.rootstock.io', + on: false, + connection: { + primary: { + on: false, + current: 'custom' as const, + status: 'loading' as const, + connected: false, + custom: 'https://public-node.rsk.co' + }, + secondary: { + on: false, + current: 'custom' as const, + status: 'loading' as const, + connected: false, + custom: '' + } + } + }, + 31: { + id: 30, + type, + layer: 'testnet' as const, + isTestnet: true, + name: 'Rootstock Testnet', + explorer: 'https://explorer.testnet.rootstock.io/', + on: false, + connection: { + primary: { + on: false, + current: 'custom' as const, + status: 'loading' as const, + connected: false, + custom: 'https://public-node.testnet.rsk.co' + }, + secondary: { + on: false, + current: 'custom' as const, + status: 'loading' as const, + connected: false, + custom: '' + } + } + }, 100: { id: 100, type, diff --git a/main/store/state/types/chainMeta.ts b/main/store/state/types/chainMeta.ts index 62139e044..f150f5c79 100644 --- a/main/store/state/types/chainMeta.ts +++ b/main/store/state/types/chainMeta.ts @@ -51,6 +51,52 @@ export const chainMetaDefaults = { icon: 'https://frame.nyc3.cdn.digitaloceanspaces.com/icons/optimism.svg', primaryColor: 'accent4' // Optimism }, + 30: { + blockHeight: 0, + gas: { + fees: {}, + samples: [], + price: { + selected: 'standard', + levels: { slow: '', standard: '', fast: '', asap: '', custom: '' } + } + }, + nativeCurrency: { + symbol: 'RBTC', + usd: { + price: 0, + change24hr: 0 + }, + icon: 'https://s2.coinmarketcap.com/static/img/coins/64x64/3626.png', + name: 'Rootstock Smart Bitcoin', + decimals: 18 + }, + icon: 'https://icons.llamao.fi/icons/chains/rsz_rootstock?w=150&h=150', + primaryColor: 'accent9' //Rootstock + }, + 31: { + blockHeight: 0, + gas: { + fees: {}, + samples: [], + price: { + selected: 'standard', + levels: { slow: '', standard: '', fast: '', asap: '', custom: '' } + } + }, + nativeCurrency: { + symbol: 'tRBTC', + usd: { + price: 0, + change24hr: 0 + }, + icon: 'https://s2.coinmarketcap.com/static/img/coins/64x64/3626.png', + name: 'Rootstock Smart Bitcoin', + decimals: 18 + }, + icon: 'https://icons.llamao.fi/icons/chains/rsz_rootstock?w=150&h=150', + primaryColor: 'accent2' //Testnet + }, 100: { blockHeight: 0, gas: { diff --git a/main/store/state/types/colors.ts b/main/store/state/types/colors.ts index c21f3d093..648d72c8a 100644 --- a/main/store/state/types/colors.ts +++ b/main/store/state/types/colors.ts @@ -25,7 +25,8 @@ export const ColorwayPaletteSchema = z.object({ accent5: ColorSchema, accent6: ColorSchema, accent7: ColorSchema, - accent8: ColorSchema + accent8: ColorSchema, + accent9: ColorSchema }) export type ColorwayPalette = z.infer diff --git a/resources/base.styl b/resources/base.styl index 6d7fa94b8..a65c49d0f 100644 --- a/resources/base.styl +++ b/resources/base.styl @@ -288,6 +288,7 @@ body --accent6 rgb(152, 120, 221) // Polygon --accent7 rgb(62, 173, 241) // Arbitrum --accent8 rgb(106, 131, 255) // Other + --accent9 rgb(90, 181, 178) // Rootstock // // Shadows // --cardDrop 0px 1px 1px rgba(0, 34, 32, 0.1) @@ -402,6 +403,7 @@ body --accent6 rgb(140, 97, 232) // Polygon --accent7 rgb(31, 144, 214) // Arbitrum --accent8 rgb(44, 78, 249) // Other + --accent9 rgb(45, 155, 152) // Rootstock --mint rgb(70, 85, 100) --mintOver rgba(15, 55, 55, 1) diff --git a/resources/colors/index.ts b/resources/colors/index.ts index b859f0836..72c440c74 100644 --- a/resources/colors/index.ts +++ b/resources/colors/index.ts @@ -10,7 +10,8 @@ const light: ColorwayPalette = { accent5: { r: 90, g: 181, b: 178 }, accent6: { r: 140, g: 97, b: 232 }, accent7: { r: 62, g: 173, b: 241 }, - accent8: { r: 60, g: 40, b: 234 } + accent8: { r: 60, g: 40, b: 234 }, + accent9: { r: 90, g: 181, b: 178 } } const dark: ColorwayPalette = { @@ -21,7 +22,8 @@ const dark: ColorwayPalette = { accent5: { r: 90, g: 181, b: 178 }, accent6: { r: 140, g: 97, b: 232 }, accent7: { r: 62, g: 173, b: 241 }, - accent8: { r: 60, g: 40, b: 234 } + accent8: { r: 60, g: 40, b: 234 }, + accent9: { r: 90, g: 181, b: 178 } } const colorways: Record = { light, dark }