Merge pull request #238 from WhatsApp-Proxy/GewoonJaap/add-proxy-conn…

…ection

Add proxy connection to WhatsApp

src/lib/components/proxyList/connectButton.svelte

@@ -1,21 +1,36 @@
 <script lang="ts">
-	import type { ProxyType } from '$lib/typeDef/proxyType';
-	export let proxyEntry: ProxyType;
+	import type { ProxyServerApi } from '$lib/typeDef/proxyApiReponse';
+	export let proxyEntry: ProxyServerApi;
+
+	function connectToWhatsapp() {
+		const url = `https://wa.me/proxy?host=${proxyEntry.ipAddress}&chatPort=${proxyEntry.proxyPort}&mediaPort=588&chatTLS=true`;
+		window.location.href = url;
+	}
 </script>
 
 <div>
-	<button>Connect</button>
+	<button on:click={connectToWhatsapp}>Connect</button>
 </div>
 
 <style>
 	button {
-		background-color: #000;
-		color: #fff;
+		background-color: #25D366;
+		color: #000;
 		border: none;
 		border-radius: 5px;
 		padding: 0.5rem 1rem;
 		font-size: 1rem;
 		font-weight: 500;
 		cursor: pointer;
+		box-shadow: 0 4px #999;
+	}
+
+	button:hover {
+		background-color: #128C7E;
+	}
+
+	button:active {
+		box-shadow: 0 2px #666;
+		transform: translateY(2px);
 	}
 </style>

src/lib/components/proxyList/proxyEntry.svelte

@@ -75,6 +75,7 @@
 	{:else}
 		<td>Pinging...</td>
 	{/if}
+	<td><ConnectButton {proxyEntry} /></td>
 </tr>
 
 <style>

src/lib/typeDef/proxyApiReponse.ts

@@ -15,4 +15,5 @@ export interface ProxyServerApi {
 	createdAt: string;
 	updatedAt: string;
 	responseTime?: number;
+	lastChecked?: string;
 }