添加配置文件浏览选择功能

- 在主进程添加文件选择对话框,支持选择 settings.json 配置文件
- 更新类型定义和预加载脚本,添加 selectConfigFile API
- 在界面底部配置路径区域添加"浏览"按钮
- 优化样式布局,使配置路径和浏览按钮水平排列
- 修复 React 导入警告,移除未使用的 React 导入
This commit is contained in:
farion1231
2025-08-05 20:30:18 +08:00
parent c74069ba57
commit 3df40def1e
5 changed files with 59 additions and 4 deletions

View File

@@ -1,4 +1,4 @@
import React, { useState, useEffect } from 'react'
import { useState, useEffect } from 'react'
import { Provider, ProviderStatus } from '../shared/types'
import ProviderList from './components/ProviderList'
import AddProviderModal from './components/AddProviderModal'
@@ -99,6 +99,13 @@ function App() {
}
}
const handleSelectConfigFile = async () => {
const selectedPath = await window.electronAPI.selectConfigFile()
if (selectedPath) {
setConfigPath(selectedPath)
}
}
return (
<div className="app">
<header className="app-header">
@@ -133,7 +140,14 @@ function App() {
{configPath && (
<div className="config-path">
: {configPath}
<span>: {configPath}</span>
<button
className="browse-btn"
onClick={handleSelectConfigFile}
title="浏览选择配置文件"
>
</button>
</div>
)}
</main>