evan/agent-evals
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(frontend): display file content when opening existing files

Browse Source 
Fix issue where file content was not displayed when opening files. Added fileContent state to store and pass file content to MarkdownEditor component.
This commit is contained in:
Evan Reichard
2026-02-05 15:56:21 -05:00
parent 817b3783f2
commit 511bb6685b
3 changed files with 22 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/dist/assets/index-39f1aff0.js → frontend/dist/assets/index-47e80c4a.js vendored
View File

File diff suppressed because one or more lines are too long

2
frontend/dist/index.html vendored
View File

@@ -5,7 +5,7 @@
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Markdown Editor</title>
<script type="module" crossorigin src="/assets/index-39f1aff0.js"></script>
<script type="module" crossorigin src="/assets/index-47e80c4a.js"></script>
<link rel="stylesheet" href="/assets/index-8d1b4242.css">
</head>
<body>

8
frontend/src/App.tsx
View File

@@ -6,6 +6,7 @@ import { ThemeSwitcher } from './components/ThemeSwitcher'
function App() {
const [currentFile, setCurrentFile] = useState<string | null>(null)
const [files, setFiles] = useState<string[]>([])
const [fileContent, setFileContent] = useState<string>('')
const [darkMode, setDarkMode] = useState(false)
useEffect(() => {
@@ -34,6 +35,7 @@ function App() {
if (response.ok) {
await fetchFiles()
setCurrentFile(name)
setFileContent(content)
}
} catch (error) {
console.error('Failed to create file:', error)
@@ -43,8 +45,9 @@ function App() {
const handleFileOpen = async (name: string) => {
try {
const response = await fetch(`/api/files/${name}`)
await response.json()
const data = await response.json()
setCurrentFile(name)
setFileContent(data.content || '')
} catch (error) {
console.error('Failed to open file:', error)
}
@@ -78,6 +81,7 @@ function App() {
if (currentFile === name) {
setCurrentFile(null)
setFileContent('')
}
await fetchFiles()
} catch (error) {
@@ -111,7 +115,7 @@ function App() {
</div>
<div className="flex-1 overflow-hidden flex flex-col">
<MarkdownEditor
initialContent=""
initialContent={fileContent}
onSave={handleFileSave}
/>
</div>