Split into two commands

Author: Leonabcd123

frontend/src/ts/commandline/lists/custom-background.ts

@@ -70,20 +70,16 @@ const customBackgroundCommand: Command = {
         },
       },
       {
-        id: "removeCustomBackground",
-        display: "Remove custom background",
+        id: "removeLocalBackground",
+        display: "Remove local background",
         icon: "fa-trash",
         alias: "remove background",
         available: async (): Promise<boolean> => {
-          return (
-            (await FileStorage.hasFile("LocalBackgroundFile")) ||
-            Config.customBackground !== ""
-          );
+          return await FileStorage.hasFile("LocalBackgroundFile");
         },
         exec: async (): Promise<void> => {
           try {
             await FileStorage.deleteFile("LocalBackgroundFile");
-            setConfig("customBackground", "");
             await applyCustomBackground();
             await updateUI();
           } catch (e) {
@@ -93,6 +89,18 @@ const customBackgroundCommand: Command = {
           }
         },
       },
+      {
+        id: "removeUrlBackground",
+        display: "Remove URL background",
+        icon: "fa-trash",
+        alias: "remove background",
+        available: async (): Promise<boolean> => {
+          return Config.customBackground !== "";
+        },
+        exec: async (): Promise<void> => {
+          setConfig("customBackground", "");
+        },
+      },
     ],
   },
 };