diff --git a/lang/en.json b/lang/en.json
index 1a3d70f..78d6146 100644
--- a/lang/en.json
+++ b/lang/en.json
@@ -3,7 +3,9 @@
"main": {
"title": "Cultivation",
"launch_button": "Launch",
- "gc_enable": "Connect via Grasscutter"
+ "gc_enable": "Connect via Grasscutter",
+ "ip_placeholder": "Server Address...",
+ "port_placeholder": "Port..."
},
"options": {
"game_exec": "Set Game Executable",
diff --git a/src/resources/icons/server.svg b/src/resources/icons/server.svg
new file mode 100644
index 0000000..7986164
--- /dev/null
+++ b/src/resources/icons/server.svg
@@ -0,0 +1,13 @@
+
\ No newline at end of file
diff --git a/src/ui/components/ServerLaunchSection.tsx b/src/ui/components/ServerLaunchSection.tsx
index d665890..22f7bc1 100644
--- a/src/ui/components/ServerLaunchSection.tsx
+++ b/src/ui/components/ServerLaunchSection.tsx
@@ -19,6 +19,9 @@ interface IState {
checkboxLabel: string;
ip: string;
port: string;
+
+ ipPlaceholder: string;
+ portPlaceholder: string;
}
export default class ServerLaunchSection extends React.Component {
@@ -30,7 +33,9 @@ export default class ServerLaunchSection extends React.Component
buttonLabel: '',
checkboxLabel: '',
ip: '',
- port: ''
+ port: '',
+ ipPlaceholder: '',
+ portPlaceholder: ''
}
this.toggleGrasscutter = this.toggleGrasscutter.bind(this)
@@ -43,7 +48,9 @@ export default class ServerLaunchSection extends React.Component
this.setState({
grasscutterEnabled: config.toggle_grasscutter,
buttonLabel: await translate('main.launch_button'),
- checkboxLabel: await translate('main.gc_enable')
+ checkboxLabel: await translate('main.gc_enable'),
+ ipPlaceholder: await translate('main.ip_placeholder'),
+ portPlaceholder: await translate('main.port_placeholder')
})
}
@@ -113,8 +120,8 @@ export default class ServerLaunchSection extends React.Component
- ,
-
+ ,
+