{item}
14 | ))}
15 |
46 |
47 | );
48 | };
49 |
50 | export const AddSapphireToMetaMask = (props: {
51 | rpcs: string[],
52 | }) => {
53 | return AddToMetaMask({
54 | name: 'Oasis Sapphire',
55 | chainId: '0x5afe',
56 | token: 'ROSE',
57 | rpcs: props.rpcs,
58 | be: ['https://explorer.oasis.io/mainnet/sapphire'],
59 | });
60 | };
61 |
62 | export const AddSapphireTestnetToMetaMask = (props: {
63 | rpcs: string[],
64 | }) => {
65 | return AddToMetaMask({
66 | name: 'Oasis Sapphire Testnet',
67 | chainId: '0x5aff',
68 | token: 'TEST',
69 | rpcs: props.rpcs,
70 | be: ['https://explorer.oasis.io/testnet/sapphire'],
71 | });
72 | };
73 |
74 | export const AddEmeraldToMetaMask = (props: {
75 | rpcs: string[],
76 | }) => {
77 | return AddToMetaMask({
78 | name: 'Oasis Emerald',
79 | chainId: '0xa516',
80 | token: 'ROSE',
81 | rpcs: props.rpcs,
82 | be: ['https://explorer.oasis.io/mainnet/emerald'],
83 | });
84 | };
85 |
86 | export const AddEmeraldTestnetToMetaMask = (props: {
87 | rpcs: string[],
88 | }) => {
89 | return AddToMetaMask({
90 | name: 'Oasis Emerald Testnet',
91 | chainId: '0xa515',
92 | token: 'TEST',
93 | rpcs: props.rpcs,
94 | be: ['https://explorer.oasis.io/testnet/emerald'],
95 | });
96 | };
97 |
--------------------------------------------------------------------------------
/src/PlotlyChart.tsx:
--------------------------------------------------------------------------------
1 | import React, { ComponentType, SVGProps } from 'react';
2 | import BrowserOnly from '@docusaurus/BrowserOnly';
3 | import { useColorMode } from '@docusaurus/theme-common';
4 | import plotlyPyDark from '@site/src/plotly-py-templates/plotly_dark.json';
5 |
6 | import type { PlotlyDataLayoutConfig } from 'plotly.js-basic-dist';
7 |
8 | const PlotlyChart = (props: {
9 | chart: PlotlyDataLayoutConfig,
10 | fallbackSvg: string,
11 | label: string,
12 | height?: number
13 | }) => {
14 |
15 | const { colorMode } = useColorMode();
16 |
17 | const chart: PlotlyDataLayoutConfig = {
18 | ...props.chart,
19 | layout: {
20 | template: colorMode === 'dark' ? plotlyPyDark : undefined,
21 | paper_bgcolor: colorMode === 'dark' ? '#1b1b1d' : undefined, // Match --ifm-background-color
22 | plot_bgcolor: colorMode === 'dark' ? '#1b1b1d' : undefined, // Match --ifm-background-color
23 | autosize: true,
24 | ...props.chart.layout,
25 | },
26 | config: {
27 | showLink: true,
28 | plotlyServerURL: 'https://chart-studio.plotly.com',
29 | ...props.chart.config,
30 | },
31 | };
32 |
33 | return (
34 | Enable javascript to see interactive chart
40 |