Mathis/lemma
1
0
Fork 0
mirror of https://github.com/lordmathis/lemma.git synced 2025-11-05 23:44:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Migrate useFileContent hook

Browse Source
This commit is contained in:
Matúš Námešný
2025-05-11 12:24:12 +02:00
parent bc60cb3451
commit 1c477f1022
1 changed files with 23 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
app/src/hooks/useFileContent.js → app/src/hooks/useFileContent.ts
View File

@@ -1,25 +1,38 @@
import { useState, useCallback, useEffect } from 'react'; import { useState, useCallback, useEffect } from 'react';
import { fetchFileContent } from '../api/git';
import { isImageFile } from '../utils/fileHelpers'; import { isImageFile } from '../utils/fileHelpers';
import { DEFAULT_FILE } from '../utils/constants';
import { useWorkspace } from '../contexts/WorkspaceContext'; import { useWorkspace } from '../contexts/WorkspaceContext';
import { DEFAULT_FILE } from '@/types/file';
import { getFileContent } from '@/api/file';
export const useFileContent = (selectedFile) => { interface UseFileContentResult {
content: string;
setContent: React.Dispatch<React.SetStateAction<string>>;
hasUnsavedChanges: boolean;
setHasUnsavedChanges: React.Dispatch<React.SetStateAction<boolean>>;
loadFileContent: (filePath: string) => Promise<void>;
handleContentChange: (newContent: string) => void;
}
export const useFileContent = (
selectedFile: string | null
): UseFileContentResult => {
const { currentWorkspace } = useWorkspace(); const { currentWorkspace } = useWorkspace();
const [content, setContent] = useState(DEFAULT_FILE.content); const [content, setContent] = useState<string>(DEFAULT_FILE.content);
const [originalContent, setOriginalContent] = useState(DEFAULT_FILE.content); const [originalContent, setOriginalContent] = useState<string>(
const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false); DEFAULT_FILE.content
);
const [hasUnsavedChanges, setHasUnsavedChanges] = useState<boolean>(false);
const loadFileContent = useCallback( const loadFileContent = useCallback(
async (filePath) => { async (filePath: string) => {
if (!currentWorkspace) return; if (!currentWorkspace) return;
try { try {
let newContent; let newContent: string;
if (filePath === DEFAULT_FILE.path) { if (filePath === DEFAULT_FILE.path) {
newContent = DEFAULT_FILE.content; newContent = DEFAULT_FILE.content;
} else if (!isImageFile(filePath)) { } else if (!isImageFile(filePath)) {
newContent = await fetchFileContent(currentWorkspace.name, filePath); newContent = await getFileContent(currentWorkspace.name, filePath);
} else { } else {
newContent = ''; // Set empty content for image files newContent = ''; // Set empty content for image files
} }
@@ -43,7 +56,7 @@ export const useFileContent = (selectedFile) => {
}, [selectedFile, currentWorkspace, loadFileContent]); }, [selectedFile, currentWorkspace, loadFileContent]);
const handleContentChange = useCallback( const handleContentChange = useCallback(
(newContent) => { (newContent: string) => {
setContent(newContent); setContent(newContent);
setHasUnsavedChanges(newContent !== originalContent); setHasUnsavedChanges(newContent !== originalContent);
}, },