Files
spacedrive/interface/hooks/useExplorerItemData.ts
Vítor Vasconcellos b4dad087e4 [ENG-591] - Fix some funky behaviors (#827)
* WIP

* Some minor fixes for light theme
 - Fix `useIsDark` not reading the initial theme value (only reacting to theme changes)
 - Fix `Inspector` always showing a dark image when no item was selected
 - Fix `Thumb` video extension using black text on light theme

* Improve form error messages
 - Fix `addLocationDialog` not registering the path input
 - Remove `@hookform/error-message`

* Fix Dialog not respecting max-width
 - Fix ErrorMessage animation jumping

* A lot of misc fixes
 - Implement an `useExplorerItemData` (cleaner fix for thumbnail flicker)
 - Fix broken image showing for `Thumb` due a rece condition when props are updated
 - Implement an `ExternalObject` component that hacks an alternative for `onLoad` and `onError` events for <object>
 - Fix `Overview` broken layout when `Inspector` is open and window is small
 - Improve `IndexerRuleEditor` UX in `AddLocationDialog`
 - Improve the way `IndexerRuleEditor` handles rules deletion
 - Fix `IndexerRuleEditor` closing the the new rule form even when the rule creation fails
 - Add an editable prop to `IndexerRuleEditor` to disable all editable functions
 - Fix `getIcon` fallbacking to Document instead of the dark version of an icon if it exists
 - Add some missing colors to white theme

* Format

* Fix Backup restore key dialog not resetting after error

* Feedback

* Format

* Normalize imports

* Fix ColorPicker export

* Fix Thumb video ext not showing in MediaView with show square thumbnails
 - Fix AddLocationDialog Error resetting when changing IndexRules
2023-05-20 03:11:10 +00:00

19 lines
665 B
TypeScript

import { useMemo } from 'react';
import { ExplorerItem } from '@sd/client';
import { getExplorerItemData, getItemFilePath } from '~/app/$libraryId/Explorer/util';
import { useExplorerStore } from './useExplorerStore';
export function useExplorerItemData(explorerItem: ExplorerItem) {
const filePath = getItemFilePath(explorerItem);
const { newThumbnails } = useExplorerStore();
const newThumbnail = newThumbnails?.[filePath?.cas_id || ''] || false;
return useMemo(() => {
const itemData = getExplorerItemData(explorerItem);
if (!itemData.hasThumbnail) {
itemData.hasThumbnail = newThumbnail;
}
return itemData;
}, [explorerItem, newThumbnail]);
}