61 lines
1.5 KiB
TypeScript
61 lines
1.5 KiB
TypeScript
import * as React from 'react';
|
|
import * as ReactDom from 'react-dom';
|
|
import { Version } from '@microsoft/sp-core-library';
|
|
import {
|
|
IPropertyPaneConfiguration,
|
|
PropertyPaneTextField
|
|
} from '@microsoft/sp-property-pane';
|
|
import { BaseClientSideWebPart } from '@microsoft/sp-webpart-base';
|
|
|
|
import * as strings from 'MinesweeperWebPartStrings';
|
|
import Minesweeper from './components/Grid/Minesweeper';
|
|
import { IMinesweeperProps } from './components/Grid/IMinesweeperProps';
|
|
|
|
export interface IMinesweeperWebPartProps {
|
|
description: string;
|
|
}
|
|
|
|
export default class MinesweeperWebPart extends BaseClientSideWebPart <IMinesweeperWebPartProps> {
|
|
|
|
public render(): void {
|
|
const element: React.ReactElement<IMinesweeperProps> = React.createElement(
|
|
Minesweeper,
|
|
{
|
|
description: this.properties.description
|
|
}
|
|
);
|
|
|
|
ReactDom.render(element, this.domElement);
|
|
}
|
|
|
|
protected onDispose(): void {
|
|
ReactDom.unmountComponentAtNode(this.domElement);
|
|
}
|
|
|
|
protected get dataVersion(): Version {
|
|
return Version.parse('1.0');
|
|
}
|
|
|
|
protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration {
|
|
return {
|
|
pages: [
|
|
{
|
|
header: {
|
|
description: strings.PropertyPaneDescription
|
|
},
|
|
groups: [
|
|
{
|
|
groupName: strings.BasicGroupName,
|
|
groupFields: [
|
|
PropertyPaneTextField('description', {
|
|
label: strings.DescriptionFieldLabel
|
|
})
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
};
|
|
}
|
|
}
|