spacedrive/interface/hooks/useExplorerItemData.ts

import { useMemo } from 'react';
import { ExplorerItem } from '@sd/client';
import { getExplorerItemData } from '~/app/$libraryId/Explorer/util';
import { flattenThumbnailKey, useExplorerStore } from './useExplorerStore';

export function useExplorerItemData(explorerItem: ExplorerItem) {
	const explorerStore = useExplorerStore();

	const newThumbnail = !!(
		explorerItem.thumbnail_key &&
		explorerStore.newThumbnails.has(flattenThumbnailKey(explorerItem.thumbnail_key))
	);

	return useMemo(() => {
		const itemData = getExplorerItemData(explorerItem);

		if (!itemData.hasLocalThumbnail) {
			itemData.hasLocalThumbnail = newThumbnail;
		}

		return itemData;
	}, [explorerItem, newThumbnail]);
}