Function DataSourceButton

packages/sanddance-app/src/dataSourcePicker.tsx:21–72

(props: ButtonProps)

}

export function DataSourceButton(props: ButtonProps) {
    const picker = props.getPicker();
    if (!picker) return null;
    const menuProps: FluentUITypes.IContextualMenuProps = {
        items: [
            {
                key: 'sample-section',
                itemType: base.fluentUI.ContextualMenuItemType.Section,
                sectionProps: {
                    title: strings.sampleDataPrefix,
                    items: props.dataSources.map((ds, i) => {
                        const item: FluentUITypes.IContextualMenuItem = {
                            key: ds.id,
                            text: ds.displayName,
                            onClick: e => {
                                picker.changeDataSource(ds);
                            },
                        };
                        return item;
                    }),
                },
            },
            {
                key: 'user-section',
                itemType: base.fluentUI.ContextualMenuItemType.Section,
                sectionProps: {
                    topDivider: true,
                    title: strings.menuUserData,
                    items: [
                        {
                            key: 'local',
                            text: strings.menuLocal,
                            onClick: e => picker.setState({ dialogMode: 'local' }),
                        },
                        {
                            key: 'url',
                            text: strings.menuUrl,
                            onClick: e => picker.setState({ dialogMode: 'url' }),
                        },
                    ],
                },
            },
        ],
    };
    return (
        <base.fluentUI.PrimaryButton
            className="sanddance-datasource-picker"
            text={dataSourcePrefix(props.dataSource.dataSourceType, props.dataSource.displayName)}
            menuProps={menuProps}
        />
    );
}

export interface DialogProps extends Props {
    theme: string;