Function Favorites

src/Components/Favorites/favorites.ts:18–59

()

 * @returns {{Promise<string>} Favorites section HTML code
 */
const Favorites = async (): Promise<string> => {
	if (!FavoritesData) {
		FavoritesData = new FavoritesAPI();
		await FavoritesData.build();
	}
	const data = await Storage.get('favorites'); // Get user favorites data on sidebar
	const favorites = data?.favorites ?? (await defaultFavorites());

	let result = '<section class="home-section">';
	result += `<h1 class="section-title">${await Translate('Favorites')}</h1>`;
	const defaultFavoritesList = (await defaultFavorites()).map((favorite) => favorite.name);
	for (const favorite of favorites) {
		if (!favorite.path) continue;
		if (favorite.path === 'xplorer://Home') continue;
		const fileData = new FileAPI(favorite.path);
		const exists = await fileData.exists();
		if (!exists && !(await isDefaultFavorite(favorite.path))) continue;
		let icon = favorite.icon;
		if (!icon) {
			if (defaultFavoritesList.indexOf(favorite.name) === -1) {
				const isdir = await new DirectoryAPI(favorite.path).isDir();
				icon = await fileThumbnail(exists ? favorite.path : favorite.name, isdir ? 'folder' : 'file', false);
			} else {
				icon = await fileThumbnail(favorite.name.toLowerCase(), 'folder', false);
			}
		}
		result += `<div
		class="favorite file card-hover-effect"
		data-isdir="${(await isDefaultFavorite(favorite.path)) ? true : await fileData.isDir()}"
		data-path="${favorite.path}"
	>
		<h3 class="favorite-title">
			<img
				src="${icon}"
				alt="${favorite.name} icon"
				class="favorite-icon"
			/>${favorite.name}
		</h3>
	</div>`;
	}
	return result;
};
export default Favorites;