mirrors/mcphub
1
0
Fork 0
mirror of https://github.com/samanhappy/mcphub.git synced 2025-12-24 02:39:19 -05:00
Code Issues Packages Projects Releases Wiki Activity

refactor: update AddServerForm to change server type options from 'command' and 'url' to 'stdio' and 'sse'

Browse Source
This commit is contained in:
samanhappy
2025-04-03 09:48:41 +08:00
parent a950323420
commit 5597166e28
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
public/js/app.js
View File

@@ -126,7 +126,7 @@ function ServerCard({ server, onRemove }) {
function AddServerForm({ onAdd }) {
const [modalVisible, setModalVisible] = useState(false);
const [serverType, setServerType] = useState('command');
const [serverType, setServerType] = useState('stdio');
const [formData, setFormData] = useState({
name: '',
url: '',
@@ -159,7 +159,7 @@ function AddServerForm({ onAdd }) {
const payload = {
name: formData.name,
config:
serverType === 'url'
serverType === 'sse'
? { url: formData.url }
: { command: formData.command, args: formData.args },
};
@@ -239,8 +239,8 @@ function AddServerForm({ onAdd }) {
id="command"
name="serverType"
value="command"
checked={serverType === 'command'}
onChange={() => setServerType('command')}
checked={serverType === 'stdio'}
onChange={() => setServerType('stdio')}
className="mr-1"
/>
<label htmlFor="command">stdio</label>
@@ -251,8 +251,8 @@ function AddServerForm({ onAdd }) {
id="url"
name="serverType"
value="url"
checked={serverType === 'url'}
onChange={() => setServerType('url')}
checked={serverType === 'sse'}
onChange={() => setServerType('sse')}
className="mr-1"
/>
<label htmlFor="url">sse</label>
@@ -260,7 +260,7 @@ function AddServerForm({ onAdd }) {
</div>
</div>
{serverType === 'url' ? (
{serverType === 'sse' ? (
<div className="mb-4">
<label className="block text-gray-700 text-sm font-bold mb-2" htmlFor="url">
Server URL
@@ -273,7 +273,7 @@ function AddServerForm({ onAdd }) {
onChange={handleInputChange}
className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
placeholder="e.g., http://localhost:3000/sse"
required={serverType === 'url'}
required={serverType === 'sse'}
/>
</div>
) : (
@@ -290,7 +290,7 @@ function AddServerForm({ onAdd }) {
onChange={handleInputChange}
className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
placeholder="e.g., npx"
required={serverType === 'command'}
required={serverType === 'stdio'}
/>
</div>
<div className="mb-4">
@@ -308,7 +308,7 @@ function AddServerForm({ onAdd }) {
onChange={(e) => handleArgsChange(e.target.value)}
className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
placeholder="e.g., -y time-mcp"
required={serverType === 'command'}
required={serverType === 'stdio'}
/>
</div>
</Fragment>