Adding and updating Servers, fixes #524

src/js/components/SnapcastGroups.js

@@ -4,6 +4,7 @@ import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
 import { collate } from '../util/format';
 import { sortItems } from '../util/arrays';
+import { iconFromKeyword } from '../util/helpers';
 import VolumeControl from './Fields/VolumeControl';
 import MuteControl from './Fields/MuteControl';
 import TextField from './Fields/TextField';
@@ -106,31 +107,6 @@ const SnapcastGroups = (props) => {
         !group.clients.filter((client) => client.connected).length
       )
     );
-    const icon = () => {
-      const iconWords = [
-        { icon: 'business', words: ['office', 'work'] },
-        { icon: 'king_bed', words: ['bed'] },
-        { icon: 'weekend', words: ['lounge', 'tv', 'sitting room'] },
-        { icon: 'directions_car', words: ['garage', 'laundry'] },
-        { icon: 'fitness_center', words: ['gym'] },
-        { icon: 'kitchen', words: ['kitchen'] },
-        { icon: 'deck', words: ['deck', 'outside'] },
-        { icon: 'restaurant_menu', words: ['dining', 'dinner'] },
-        { icon: 'laptop', words: ['laptop'] },
-        { icon: 'bug_report', words: ['test', 'debug'] },
-        { icon: 'child_care', words: ['kids', 'baby'] },
-        { icon: 'smartphone', words: ['phone', 'mobile'] },
-      ];
-      const name = group.name.toLowerCase();
-      for (let item of iconWords) {
-        for (let word of item.words) {
-          if (name.match(new RegExp(`(${word})`, 'gi'))) {
-            return item.icon;
-          }
-        }
-      };
-      return 'speaker_group';
-    }
     return (
       <Link
         className={`snapcast__groups__menu-item menu-item${anyClients ? ' menu-item--no-clients' : ''}`}
@@ -141,7 +117,7 @@ const SnapcastGroups = (props) => {
         scrollTo="#services-snapcast-groups"
       >
         <div className="snapcast__groups__menu-item__inner menu-item__inner">
-          <Icon className="menu-item__icon" name={icon()} />
+          <Icon className="menu-item__icon" name={iconFromKeyword(group.name.toLowerCase()) || 'speaker_group'} />
           <div className="menu-item__title">
             {group.name}
             {group.mute && (