添加配置文件浏览选择功能
- 在主进程添加文件选择对话框,支持选择 settings.json 配置文件 - 更新类型定义和预加载脚本,添加 selectConfigFile API - 在界面底部配置路径区域添加"浏览"按钮 - 优化样式布局,使配置路径和浏览按钮水平排列 - 修复 React 导入警告,移除未使用的 React 导入
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user