switched vars

src/index.ts

@@ -45,10 +45,10 @@ const plugin: JupyterFrontEndPlugin<void> = {
       const webDavIcon = new LabIcon({ name: 'ui-components:webdav-icon', svgstr: Icon});
     
       const label = "Data Pool"
-      const content = new DataPoolWidget();
+      const content = new DataPoolWidget(label);
       const widget = new MainAreaWidget({content});
       widget.id = 'jupyterlab-data-pool:plugin';
-      widget.title.label = 'Data Pool';
+      widget.title.label = label
       widget.title.closable = true;
       widget.title.icon = webDavIcon
 

src/widget.tsx

@@ -9,23 +9,25 @@ const divStyle = {
  
 };
 export class DataPoolWidget extends ReactWidget {
-  applicationName: string = ''
+  applicationName = ""
-  constructor() {
+  constructor(label: string) {
     super();
-    this.applicationName = "Data Pool"
+    this.applicationName = label
   }
 
   render(): JSX.Element {
 
- return (<div style={divStyle}><TmpLayout /></div>);
+ return (<div style={divStyle}><TmpLayout label={this.applicationName}  /></div>);
   }
 }
+interface LayoutProps {
+  label: string
+};
 
-
+const TmpLayout = (props: LayoutProps) => {
-const TmpLayout = () => {
   return (<Container >
     <Row>
-      <Col><h2>Data Pool</h2>
+      <Col><h2>{props.label}</h2>
       </Col>
     </Row>