+
+
+
+
+
+ {this.state.showMessageBar && (
+ this.closeMessageBar()}
+ dismissButtonAriaLabel="Close"
+ >
+ {this.state.message}
+
+ )}
+
+
+
+
+ );
+ }
+ }
+
+ public async componentDidUpdate(
+ prevProps: IMySubscriptionsProps,
+ prevState: IMySubscriptionState
+ ) {
+ try {
+ if (
+ this.props.siteurl !== prevProps.siteurl ||
+ this.props.listname !== prevProps.listname
+ ) {
+ await this.componentDidMount();
+ }
+ } catch (error) {
+
+ console.log("MySubscriptions.componentDidMount Error: ", error);
+ }
+ }
+
+ /**
+ * Close the message bar ....
+ */
+ protected closeMessageBar = () => {
+ this.setState({ showMessageBar: false });
+ }
+
+ /**
+ *
+ * @param item : each item
+ * @param index : index
+ */
+ private _onRenderCell(item: IGroup, index: number | undefined): JSX.Element {
+ //const { semanticColors }: IReadonlyTheme = this.props.themeVariant;
+
+ return (
+