Restructure the js app (#243)

* prettier * linter * add prettier, and format the code * remove common, merge it with frontend * refactor the app * better lint and code fix * travis for the frontend app * travis build script Signed-off-by: Daniel Maricic <daniel@woss.io> * lint and build * update the README.md Signed-off-by: Daniel Maricic <daniel@woss.io> * change the commands to reflect refactor Signed-off-by: Daniel Maricic <daniel@woss.io> * prettier and tslint are friends Signed-off-by: Daniel Maricic <daniel@woss.io> * code that wasn't linted properly before Signed-off-by: Daniel Maricic <daniel@woss.io> * prettier rc got deleted * workgin on making the travis pass Signed-off-by: Daniel Maricic <daniel@woss.io> * travis build please? Signed-off-by: Daniel Maricic <daniel@woss.io> * update readme.md Signed-off-by: Daniel Maricic <daniel@woss.io> * dockerfile deleted from fronted - out of scope Signed-off-by: Daniel Maricic <daniel@woss.io> * remove Signed-off-by: Daniel Maricic <daniel@woss.io> * tsconfig Signed-off-by: Daniel Maricic <daniel@woss.io> * found the reason why EOL wasn't happening Signed-off-by: Daniel Maricic <daniel@woss.io> * type for the event in the ConnectionInput as suggested * strictnullCheck to true * noImplicitAny * noUnusedParams * AfgHandling * update * fix Location.tsx * Few minor fixes * remove connection input and revert to original * esnext fixes the imports for icons and non default `* as ` * update to the tsconfig.test.json don't use commonjs please * fixed wrong comment for TIMEOUT_BASE * return totem.svg and type decraration of maybe Signed-off-by: Daniel Maricic <daniel@woss.io> Co-authored-by: Will <w.kopp@kigroup.de>
2026-06-12 13:31:15 +00:00 · 2020-04-06 15:38:45 +02:00
parent 20a0283380
commit bb8e804567
322 changed files with 10896 additions and 10602 deletions
@@ -0,0 +1,40 @@
+import * as React from 'react';
+import { Icon } from '../';
+import { State } from '../../state';
+import { PersistentObject } from '../../persist';
+
+import './Setting.css';
+
+export namespace Setting {
+  export interface Props {
+    icon: string;
+    label: string;
+    setting: keyof State.Settings;
+    settings: PersistentObject<State.Settings>;
+  }
+}
+
+export class Setting extends React.Component<Setting.Props, {}> {
+  public render() {
+    const { icon, label, setting, settings } = this.props;
+
+    const checked = settings.get(setting);
+    const className = checked ? 'Setting Setting-on' : 'Setting';
+
+    return (
+      <div className={className} onClick={this.toggle}>
+        <Icon src={icon} alt={label} />
+        {label}
+        <span className="Setting-switch">
+          <span className="Setting-knob" />
+        </span>
+      </div>
+    );
+  }
+
+  private toggle = () => {
+    const { setting, settings } = this.props;
+
+    settings.set(setting, !settings.get(setting));
+  };
+}