Add warning about emoji packs names

src/lang/en.js

@@ -511,6 +511,7 @@ export default {
     specifyFilename: 'Specify a custom filename',
     copy: 'Copy',
     copyToLocalPack: 'Copy to local pack',
-    emptyPack: 'This emoji pack is empty'
+    emptyPack: 'This emoji pack is empty',
+    emojiWarning: 'Pack names cannot include any of the following characters: # / < > & +'
   }
 }

src/views/emojiPacks/index.vue

@@ -30,6 +30,7 @@
                 {{ $t('users.create') }}
               </el-button>
             </div>
+            <span class="emoji-name-warning">{{ $t('emoji.emojiWarning') }}</span>
           </el-form-item>
           <el-form-item v-if="Object.keys(localPacks).length > 0" :label="$t('emoji.packs')">
             <el-collapse v-for="(pack, name) in localPacks" :key="name" v-model="activeLocalPack" accordion @change="setActiveTab">
@@ -206,6 +207,15 @@ export default {
   justify-content: space-between;
   margin: 0 15px 22px 15px;
 }
+.emoji-name-warning {
+  color: #666666;
+  font-size: 13px;
+  line-height: 22px;
+  margin: 5px 0 0 0;
+  overflow-wrap: break-word;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 .emoji-packs-header-button-container {
   display: flex;
 }