Change settings icon to close icon when the settings pane is open

WindowsAppCommunity · Feb 2, 2020 · 15d07e3 · 15d07e3
1 parent 17dd844
commit 15d07e3
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/user-interface/dist/bundle.js b/user-interface/dist/bundle.js
diff --git a/user-interface/src/App.tsx b/user-interface/src/App.tsx
@@ -25,19 +25,25 @@ export class App extends React.Component<IAppProps, {}> {
         super(props);
         this.ToggleSettings = this.ToggleSettings.bind(this);
     }
+
     private boldStyle = {
         root: {
             fontWeight: FontWeights.semibold,
             backgroundColor: this.props.backgroundColor
         }
     };
+
+    private SettingsIcon = "Settings";
+
     private ToggleSettings(event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) {
         switch (CurrentView) {
             case 0:
                 CurrentView = Views.MainView;
+                this.SettingsIcon = "Settings";
                 break;
             case 1:
                 CurrentView = Views.SettingsView;
+                this.SettingsIcon = "Cancel";
                 break;
             default:
                 console.error("Invalid view: " + CurrentView, "Valid views are: " + JSON.stringify(Views));
@@ -62,7 +68,7 @@ export class App extends React.Component<IAppProps, {}> {
                 }}>
                     <div>
                         <ActionButton iconProps={{
-                            iconName: "Settings",
+                            iconName: this.SettingsIcon,
                             styles: SettingsStyle
                         }}
                         />