mirror of
https://github.com/arsvendg/Stirling-PDF.git
synced 2026-07-16 11:23:10 +02:00
# Description of Changes <!-- Please provide a summary of the changes, including: - What was changed - Why the change was made - Any challenges encountered Closes #(issue_number) --> --- ## Checklist ### General - [ ] I have read the [Contribution Guidelines](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/CONTRIBUTING.md) - [ ] I have read the [Stirling-PDF Developer Guide](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/DeveloperGuide.md) (if applicable) - [ ] I have read the [How to add new languages to Stirling-PDF](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/HowToAddNewLanguage.md) (if applicable) - [ ] I have performed a self-review of my own code - [ ] My changes generate no new warnings ### Documentation - [ ] I have updated relevant docs on [Stirling-PDF's doc repo](https://github.com/Stirling-Tools/Stirling-Tools.github.io/blob/main/docs/) (if functionality has heavily changed) - [ ] I have read the section [Add New Translation Tags](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/HowToAddNewLanguage.md#add-new-translation-tags) (for new translation tags only) ### UI Changes (if applicable) - [ ] Screenshots or videos demonstrating the UI changes are attached (e.g., as comments or direct attachments in the PR) ### Testing (if applicable) - [ ] I have tested my changes locally. Refer to the [Testing Guide](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/DeveloperGuide.md#6-testing) for more details. --------- Co-authored-by: Claude <[email protected]> Co-authored-by: EthanHealy01 <[email protected]> Co-authored-by: EthanHealy01 <[email protected]>
71 lines
1.7 KiB
TypeScript
71 lines
1.7 KiB
TypeScript
import { useState, useEffect, useCallback } from 'react';
|
|
import { ToolId } from '../../types/toolId';
|
|
|
|
const RECENT_TOOLS_KEY = 'stirlingpdf.recentTools';
|
|
const FAVORITE_TOOLS_KEY = 'stirlingpdf.favoriteTools';
|
|
|
|
export function useToolHistory() {
|
|
const [recentTools, setRecentTools] = useState<ToolId[]>([]);
|
|
const [favoriteTools, setFavoriteTools] = useState<ToolId[]>([]);
|
|
|
|
// Load from localStorage on mount
|
|
useEffect(() => {
|
|
if (typeof window === 'undefined') {
|
|
return;
|
|
}
|
|
|
|
const recentStr = window.localStorage.getItem(RECENT_TOOLS_KEY);
|
|
const favoritesStr = window.localStorage.getItem(FAVORITE_TOOLS_KEY);
|
|
|
|
if (recentStr) {
|
|
try {
|
|
const recent = JSON.parse(recentStr) as ToolId[];
|
|
setRecentTools(recent);
|
|
} catch {
|
|
// Ignore parse errors
|
|
}
|
|
}
|
|
|
|
if (favoritesStr) {
|
|
try {
|
|
const favorites = JSON.parse(favoritesStr) as ToolId[];
|
|
setFavoriteTools(favorites);
|
|
} catch {
|
|
// Ignore parse errors
|
|
}
|
|
}
|
|
}, []);
|
|
|
|
|
|
// Toggle favorite status
|
|
const toggleFavorite = useCallback((toolId: ToolId) => {
|
|
if (typeof window === 'undefined') {
|
|
return;
|
|
}
|
|
|
|
setFavoriteTools((prev) => {
|
|
const isFavorite = prev.includes(toolId);
|
|
const updated = isFavorite
|
|
? prev.filter((id) => id !== toolId)
|
|
: [...prev, toolId];
|
|
window.localStorage.setItem(FAVORITE_TOOLS_KEY, JSON.stringify(updated));
|
|
return updated;
|
|
});
|
|
}, []);
|
|
|
|
// Check if a tool is favorited
|
|
const isFavorite = useCallback(
|
|
(toolId: ToolId): boolean => {
|
|
return favoriteTools.includes(toolId);
|
|
},
|
|
[favoriteTools]
|
|
);
|
|
|
|
return {
|
|
recentTools,
|
|
favoriteTools,
|
|
toggleFavorite,
|
|
isFavorite,
|
|
};
|
|
}
|