commit a39167dd7180f989c57f6323f21a2b26d9b005d0
Author: OverPoweredDev <omkar.prabhune19@vit.edu>
Date:   Sat Aug 7 16:50:34 2021 +0530

    finished support for a custom/local Apy
    
    All requirements complete on the 100'th commit! 🎉🎉🎉

diff --git a/src/settings/settings.css b/src/settings/settings.css
index 8f59274..240c0cd 100644
--- a/src/settings/settings.css
+++ b/src/settings/settings.css
@@ -67,7 +67,6 @@ tr, td, th {
 #apy-input-wrapper {
     width: 100%;
     overflow: auto;
-    margin-bottom: 1.5rem;
 }
 
 #add-custom-apy-div {
@@ -75,10 +74,20 @@ tr, td, th {
     float: right;
 }
 
+.error-text {
+    float: right;
+    font-size: xx-small;
+    color: red;
+}
+
 .source-select {
     width: 12rem !important;
 }
 
+.website-table {
+    margin-top: 1.5rem;
+}
+
 .website-table-scrollbar {
     position: relative;
     overflow: auto;
diff --git a/src/settings/settings.html b/src/settings/settings.html
index 66fcb61..6afda8f 100644
--- a/src/settings/settings.html
+++ b/src/settings/settings.html
@@ -50,7 +50,7 @@
     </select>
   </div>
   <div id="apy-input-wrapper">
-    <div id="add-custom-apy-div" class="input-group mb-3" style="display: none">
+    <div id="add-custom-apy-div" class="input-group" style="display: none">
       <input id="apy-input" type="text" class="form-control no-focus" placeholder="">
       <button id="add-apy-url" class="btn btn-sm btn-dark no-focus" type="button">Set Source</button>
     </div>
diff --git a/src/settings/settings.js b/src/settings/settings.js
index 4ce02fa..588da59 100644
--- a/src/settings/settings.js
+++ b/src/settings/settings.js
@@ -50,13 +50,23 @@ $("#source-select").on('click', async function (e) {
 });
 
 $('#add-apy-url').on('click', async function () {
+    let valid = true;
     let customApyInput = $('#apy-input');
-    globalSettings.apertiumSource = customApyInput.val();
 
-    saveGlobalSettings(globalSettings);
-    await updateLanguagePairs();
-    setLastUpdated(new Date().toLocaleString());
-    createDropdown($("#target-language-dropdown"));
+    try {
+        await updateLanguagePairs();
+    } catch (e) {
+        let errorMessage = '<span class="error-text">Invalid URL, please try again</span>';
+        $('#apy-input-wrapper').after(errorMessage);
+        valid = false;
+    }
+
+    if(valid){
+        setLastUpdated(new Date().toLocaleString());
+        createDropdown($("#target-language-dropdown"));
+        globalSettings.apertiumSource = customApyInput.val();
+        saveGlobalSettings(globalSettings);
+    }
 });
 
 $('#add-custom-apy-div').on('click', function (e) {