bagas/tunnl_please_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add Frankfurt coordinates to the map
All checks were successful
Docker Build and Push / build-and-push (push) Successful in 9m36s
Details

Browse Source
This commit is contained in:
bagas
2025-09-06 21:35:57 +07:00
parent 54b0c1f9cf
commit 6967933612
2 changed files with 41 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
components/tunnel-config.tsx
View File

@ -51,6 +51,20 @@ const fetchServers = async (): Promise<Server[]> => {
tcp: false,
},
},
{
id: "eu",
name: "Europe",
location: "Frankfurt",
subdomain: "eu.tunnl.live",
coordinates: [8.6821, 50.1109],
ping: null,
status: "online",
pingStatus: "idle",
capabilities: {
http: true,
tcp: false,
},
},
{
id: "sgp",
name: "Singapore",
@ -646,8 +660,7 @@ export default function TunnelConfig({ config, onConfigChange, selectedServer, o
onServerSelect(server)
}
}}
className={`p-3 rounded-lg border transition-all duration-200 ${
selectedServer?.id === server.id
className={`p-3 rounded-lg border transition-all duration-200 ${selectedServer?.id === server.id
? "bg-emerald-950 border-emerald-500"
: !canSelect
? "bg-red-950 border-red-800 cursor-not-allowed opacity-75"
@ -657,8 +670,7 @@ export default function TunnelConfig({ config, onConfigChange, selectedServer, o
<div className="flex items-center justify-between mb-1">
<h5 className="font-medium text-sm">{server.name}</h5>
<div
className={`w-2 h-2 rounded-full ${
selectedServer?.id === server.id
className={`w-2 h-2 rounded-full ${selectedServer?.id === server.id
? "bg-emerald-400"
: !canSelect
? "bg-red-400"
@ -733,8 +745,7 @@ export default function TunnelConfig({ config, onConfigChange, selectedServer, o
<label className="block text-sm font-medium mb-3">Forwarding Type</label>
<div className="flex gap-4">
<label
className={`flex items-center ${
servers.some((s) => s.capabilities.http) ? "cursor-pointer" : "cursor-not-allowed opacity-50"
className={`flex items-center ${servers.some((s) => s.capabilities.http) ? "cursor-pointer" : "cursor-not-allowed opacity-50"
}`}
>
<input
@ -749,8 +760,7 @@ export default function TunnelConfig({ config, onConfigChange, selectedServer, o
className="sr-only"
/>
<div
className={`flex items-center gap-2 px-4 py-2 rounded-lg border transition-all ${
localConfig.type === "http"
className={`flex items-center gap-2 px-4 py-2 rounded-lg border transition-all ${localConfig.type === "http"
? "bg-emerald-950 border-emerald-500 text-emerald-400"
: servers.some((s) => s.capabilities.http)
? "bg-gray-800 border-gray-700 text-gray-300 hover:border-gray-600"
@ -758,8 +768,7 @@ export default function TunnelConfig({ config, onConfigChange, selectedServer, o
}`}
>
<div
className={`w-2 h-2 rounded-full ${
localConfig.type === "http"
className={`w-2 h-2 rounded-full ${localConfig.type === "http"
? "bg-emerald-400"
: servers.some((s) => s.capabilities.http)
? "bg-gray-500"
@ -774,8 +783,7 @@ export default function TunnelConfig({ config, onConfigChange, selectedServer, o
</label>
<label
className={`flex items-center ${
servers.some((s) => s.capabilities.tcp) ? "cursor-pointer" : "cursor-not-allowed opacity-50"
className={`flex items-center ${servers.some((s) => s.capabilities.tcp) ? "cursor-pointer" : "cursor-not-allowed opacity-50"
}`}
>
<input
@ -790,8 +798,7 @@ export default function TunnelConfig({ config, onConfigChange, selectedServer, o
className="sr-only"
/>
<div
className={`flex items-center gap-2 px-4 py-2 rounded-lg border transition-all ${
localConfig.type === "tcp"
className={`flex items-center gap-2 px-4 py-2 rounded-lg border transition-all ${localConfig.type === "tcp"
? "bg-emerald-950 border-emerald-500 text-emerald-400"
: servers.some((s) => s.capabilities.tcp)
? "bg-gray-800 border-gray-700 text-gray-300 hover:border-gray-600"
@ -799,8 +806,7 @@ export default function TunnelConfig({ config, onConfigChange, selectedServer, o
}`}
>
<div
className={`w-2 h-2 rounded-full ${
localConfig.type === "tcp"
className={`w-2 h-2 rounded-full ${localConfig.type === "tcp"
? "bg-emerald-400"
: servers.some((s) => s.capabilities.tcp)
? "bg-gray-500"

11
components/world-map.tsx
View File

@ -21,6 +21,14 @@ const servers: Server[] = [
coordinates: [-87.6298, 41.8781],
ping: null,
},
{
id: "eu",
name: "Europe",
location: "Frankfurt",
subdomain: "eu.tunnl.live",
coordinates: [8.6821, 50.1109],
ping: null,
},
{
id: "sgp",
name: "Singapore",
@ -159,8 +167,7 @@ export default function WorldMap({ onServerSelect, selectedServer }: WorldMapPro
<div
key={server.id}
onClick={() => onServerSelect(server)}
className={`p-4 rounded-lg border cursor-pointer transition-all duration-200 ${
selectedServer.id === server.id
className={`p-4 rounded-lg border cursor-pointer transition-all duration-200 ${selectedServer.id === server.id
? "bg-emerald-950 border-emerald-500"
: "bg-gray-900 border-gray-800 hover:border-gray-700"
}`}