flip/flipside-js
1
0
Fork 0
mirror of https://github.com/FlipsideCrypto/flipside-js.git synced 2026-02-06 10:48:11 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add dark/light modes to frame.

Browse Source
This commit is contained in:
Jim Myers 2020-08-14 13:22:16 -04:00
parent 1326e490a7
commit cde8ae754c
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/frame/index.tsx
View File

@ -2,6 +2,7 @@ import { h, Component } from "preact";
type Props = {
apiKey: string;
mode: string;
url: string;
width?: number;
height?: number;
@ -30,6 +31,7 @@ export default class Frame extends Component<Props, State> {
static defaultProps = {
width: "100%",
height: "100%",
mode: "light",
data: {},
messageKey: "flipside",
messagePayloadType: "linkAction",
@ -68,6 +70,7 @@ export default class Frame extends Component<Props, State> {
if (!this.ref) return;
const widgetData = {
mode: this.props.mode,
data: this.props.data,
window: {
location: {
@ -100,7 +103,7 @@ export default class Frame extends Component<Props, State> {
render(props: Props, state: State) {
let url = props.url;
let urlParams = { api_key: props.apiKey };
let urlParams = { api_key: props.apiKey, mode: props.mode };
if (
props.data &&
typeof props.data === "object" &&