Method render

packages/sanddance-app/src/sanddanceApp.tsx:224–408

()

    }

    render() {
        const theme = this.state.darkTheme ? 'dark-theme' : '';
        const dataSourceProps: DataSourceProps = {
            dataSource: this.state.dataSource,
            dataSources: this.props.dataSources,
            changeDataSource: (dataSource: DataSource) => {
                document.location.hash = '';
                return this.load(dataSource).then(() => {
                    if (this.postLoad) {
                        this.postLoad(dataSource);
                        this.postLoad = null;
                    }
                }).catch(() => this.loadError(dataSource));
            },
        };
        return (
            <section className="sanddance-app">
                <Explorer
                    logoClickTarget="_self"
                    logoClickUrl="/SandDance/"
                    theme={theme}
                    snapshotProps={{
                        modifySnapShot: (snapshot: DataSourceSnapshot) => {
                            snapshot.dataSource = this.state.dataSource;
                        },
                        getTopActions: snapshots => {
                            const items: FluentUITypes.IContextualMenuItem[] = [
                                {
                                    key: 'import',
                                    text: strings.menuSnapshotsImport,
                                    subMenuProps: {
                                        items: [
                                            {
                                                key: 'import-local',
                                                text: strings.menuLocal,
                                                onClick: () => this.setState({ dialogMode: 'import-local' }),
                                            },
                                            {
                                                key: 'import-remote',
                                                text: strings.menuUrl,
                                                onClick: () => this.setState({ dialogMode: 'import-remote' }),
                                            },
                                        ],
                                    },
                                },
                                {
                                    key: 'export',
                                    text: strings.menuSnapshotsExportAsJSON,
                                    disabled: snapshots.length === 0,
                                    onClick: () => downloadSnapshotsJSON(snapshots, `${this.state.dataSource.displayName}.snapshots`),
                                },
                                {
                                    key: 'export-as',
                                    text: strings.menuSnapshotsExportAs,
                                    disabled: snapshots.length === 0,
                                    onClick: () => this.setState({ dialogMode: 'export' }),
                                },
                            ];