Validate device name (#642)

allow only
 - 16 chars
 - letters
 - numbers
 - "-"
 - "_"

src/components/settings/DeviceSetting.tsx

@@ -71,6 +71,8 @@ export const DeviceSetting = () => {
                 }}
                 valueInfos={devices.map((device) => [device, { mutable: false, deletable: device !== DEFAULT_DEVICE }])}
                 addItemButtonTitle={t('global.button.create')}
+                validateItem={(device) => device.length <= 16 && !!device.match(/^[a-zA-Z0-9\-_]+$/g)}
+                placeholder={t('settings.device.label.placeholder')}
             />
             <ListItem>
                 <ListItemText

src/i18n/locale/en.json

@@ -798,6 +798,9 @@
           "title": "Devices"
         }
       },
+      "label": {
+        "placeholder": "Smartphone_Name-1 | length: 16, chars: letters, numbers, -, _"
+      },
       "title": {
         "device": "Device",
         "settings": "Device settings"