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" /> <link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Markdown Editor</title> <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"> <link rel="stylesheet" href="/assets/index-8d1b4242.css">
</head> </head>
<body> <body>

8
frontend/src/App.tsx
View File

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