feat: support to duplicate favorites

luin · luin · commit c2bc438ed320 · 2016-12-03T16:38:22.000+08:00
Close #30
diff --git a/client/components/main/Main/ConnectionSelector/Config.jsx b/client/components/main/Main/ConnectionSelector/Config.jsx
@@ -55,6 +55,18 @@ class Config extends React.Component {
     this.setProp(property, value);
   }
 
+  duplicate() {
+    if (this.props.favorite) {
+      const data = Object.assign(this.props.favorite.toJS(), this.state.data.toJS());
+      delete data.key;
+      this.props.onDuplicate(data);
+    } else {
+      const data = this.state.data.toJS();
+      data.name = 'Quick Connect'
+      this.props.onDuplicate(data);
+    }
+  }
+
   save() {
     if (this.props.favorite && this.state.changed) {
       this.props.onSave(this.state.data.toJS());
@@ -141,6 +153,11 @@ class Config extends React.Component {
         </div>
       </div>
       <div className="nt-button-group nt-button-group--pull-right" style={ { width: 500, margin: '10px auto 0' } }>
+        <button className="nt-button" style={
+          { float: 'left' }
+        } onClick={() => {
+          this.duplicate();
+        }}>{ this.props.favorite ? 'Duplicate' : 'Add to Favorite' }</button>
         <button className="nt-button" style={ { display: this.state.changed ? 'inline-block' : 'none' } } onClick={() => {
           this.save();
         }}>Save Changes</button>
diff --git a/client/components/main/Main/ConnectionSelector/index.jsx b/client/components/main/Main/ConnectionSelector/index.jsx
@@ -34,6 +34,9 @@ class ConnectionSelector extends React.Component {
           onSave={(data) => {
             store.dispatch(actions('updateFavorite', { key: selectedFavorite.get('key'), data }));
           }}
+          onDuplicate={(data) => {
+            store.dispatch(actions('addFavorite', data, () => {}));
+          }}
         />
       </div>
     </div>;
