update display of error message

links/templates/links/index.html

@@ -42,7 +42,7 @@
                 <div class="form-group">
                     <label for="userId">User ID</label>
                     <input type="text" id="userId" class="form-control" name="userId" placeholder="Enter your user identifier"/>
-                    <div id="userIdFeedback"></div>
+                    <div id="userIdFeedback" style="height:20px;display:block !important;"></div>
                 </div>
 
                 <button id="generateButton" type="button" class="btn btn-success" disabled>Generate</button>

static/js/links.js

@@ -36,14 +36,17 @@ async function searchUserId(){
     let userId = userIdField.value
 
     if (!userId.length){
+        guildIdChanged()
         return
     }
 
     const csrfToken = document.querySelector('[name=csrfmiddlewaretoken]').value
 
     let data = {'guildId': guildId, 'userId': userId}
+
+    let url = `${BASE}` === '' ? 'check' : `${BASE}/check`
     
-    fetch(`/${BASE}/check`, {
+    fetch(url, {
         method: 'POST',
         body: JSON.stringify(data),
         headers: {
@@ -73,7 +76,7 @@ async function searchUserId(){
 async function guildIdChanged(){
     // reinit field if guild value changed
     userIdField.className = 'form-control'
-    userIdFeedback.className = ''
+    userIdFeedback.className = 'valid-feedback'
     userIdFeedback.innerText = ''
     userIdField.value = ''
     generateButton.disabled = true
@@ -89,7 +92,9 @@ async function generateLink(){
 
     let data = {'guildId': guildId, 'userId': userId}
     
-    fetch(`/${BASE}/generate`, {
+    let url = `${BASE}` === '' ? 'generate' : `${BASE}/generate`
+
+    fetch(url, {
         method: 'POST',
         body: JSON.stringify(data),
         headers: {