1 files changed, 8 insertions, 7 deletions
diff --git a/sdnr/wt/odlux/framework/src/components/routing/appFrame.tsx b/sdnr/wt/odlux/framework/src/components/routing/appFrame.tsx
index 55b249246..06ad5b434 100644
--- a/sdnr/wt/odlux/framework/src/components/routing/appFrame.tsx
+++ b/sdnr/wt/odlux/framework/src/components/routing/appFrame.tsx
@@ -5,29 +5,30 @@ import connect, { Connect } from '../../flux/connect';
 import { SetTitleAction } from '../../actions/titleActions';
 import { AddErrorInfoAction } from '../../actions/errorActions';
 
-import { IconType } from '../../models/iconDefinition'; 
+import { IconType } from '../../models/iconDefinition';
 
 export interface IAppFrameProps  {
   title: string;
   icon?: IconType;
+  appId?: string
 }
 
-/** 
- * Represents a component to wich will embed each single app providing the 
+/**
+ * Represents a component to wich will embed each single app providing the
  * functionality to update the title and implement an exeprion border.
  */
 export class AppFrame extends React.Component<IAppFrameProps & Connect> {
-  
+
   public render(): JSX.Element {
     return (
-      <div style={{ flex: "1", overflow: "auto", display: "flex", flexDirection: "column" }}> 
+      <div style={{ flex: "1", overflow: "auto", display: "flex", flexDirection: "column" }}>
         { this.props.children }
       </div>
      )
     }
-    
+
   public componentDidMount() {
-    this.props.dispatch(new SetTitleAction(this.props.title, this.props.icon));
+    this.props.dispatch(new SetTitleAction(this.props.title, this.props.icon, this.props.appId));
   }
   public componentDidCatch(error: Error | null, info: object) {
     this.props.dispatch(new AddErrorInfoAction({ error, info }));