feat: add x to delete corresponding entry

Author: bajrangCoder

src/lib/recents.js

@@ -86,19 +86,36 @@ const recents = {
 			return name;
 		};
 
+		const self = this;
+
 		if (type === "dir" || type === "all") {
 			let dirs = this.folders;
 			for (let dir of dirs) {
 				const { url } = dir;
 
-				all.push([
-					{
-						type: "dir",
-						val: dir,
+				const dirValue = {
+					type: "dir",
+					val: dir,
+				};
+
+				const tailElement = tag("span", {
+					className: "icon clearclose",
+					dataset: {
+						action: "clear",
+					},
+				});
+
+				all.push({
+					value: dirValue,
+					text: shortName(url),
+					icon: "folder",
+					tailElement: tailElement,
+					ontailclick: (e) => {
+						const $item = e.currentTarget.closest(".tile");
+						if ($item) $item.remove();
+						self.removeFolder(dir.url);
 					},
-					shortName(url),
-					"icon folder",
-				]);
+				});
 			}
 		}
 
@@ -107,14 +124,29 @@ const recents = {
 			for (let file of files) {
 				if (!file) continue;
 				const name = shortName(Url.parse(file).url);
-				all.push([
-					{
-						type: "file",
-						val: file,
+
+				const fileValue = {
+					type: "file",
+					val: file,
+				};
+				const tailElement = tag("span", {
+					className: "icon clearclose",
+					dataset: {
+						action: "clear",
+					},
+				});
+
+				all.push({
+					value: fileValue,
+					text: name,
+					icon: helpers.getIconForFile(name),
+					tailElement: tailElement,
+					ontailclick: (e) => {
+						const $item = e.currentTarget.closest(".tile");
+						if ($item) $item.remove();
+						self.removeFile(file);
 					},
-					name,
-					helpers.getIconForFile(name),
-				]);
+				});
 			}
 		}