Add Connect button to public proxy card for new user clarity

README.md

@@ -145,7 +145,7 @@ Enhance your privacy by using secure DNS servers:
 
 <div align="center">
 
-**Created by [DeBros](https://debros.io)** | **Version 2.0.0**
+**Created by [DeBros](https://debros.io)** | **Version 2.0.1**
 
 [![Support DeBros](https://img.shields.io/badge/Support-DeBros-cyan?style=for-the-badge)](https://debros.io/donate)
 

html/options.html

@@ -53,7 +53,7 @@
         <div class="setting-row">
           <div class="setting-info">
             <div class="setting-label">Local Network Access</div>
-            <div class="setting-desc">Access printers, NAS, and local devices while connected</div>
+            <div class="setting-desc">Access routers, printers, NAS, and local devices while connected</div>
           </div>
           <div class="setting-control">
             <label class="toggle">
@@ -279,7 +279,7 @@
           See <a href="https://github.com/DeBrosOfficial/anyone-extension/blob/main/LICENSE" target="_blank">LICENSE</a> for details.
         </div>
         <div class="version-info">
-          <div>Created by DeBros | Version 2.0.0</div>
+          <div>Created by DeBros | Version 2.0.1</div>
           <div class="open-source">
             <a href="https://git.debros.io/DeBros/anyone-extension" target="_blank">View Source Code</a>
           </div>

html/popup.html

@@ -38,12 +38,8 @@
           </div>
         </div>
         <div class="proxy-actions">
-          <button class="btn btn-secondary" id="btn-next-proxy">
+          <button class="btn btn-secondary" id="btn-connect-text">Connect</button>
-            <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+          <button class="btn btn-secondary" id="btn-next-proxy">Next Proxy</button>
-              <polyline points="9 18 15 12 9 6"/>
-            </svg>
-            Next Proxy
-          </button>
         </div>
       </div>
     </section>

js/config.js

@@ -2,7 +2,7 @@
 
 const CONFIG = {
   // Version
-  VERSION: '2.0.0',
+  VERSION: '2.0.1',
 
   // Connection Modes
   MODES: {

js/popup.js

@@ -38,6 +38,7 @@ const elements = {
 
   // Connect button
   btnConnect: document.getElementById('btn-connect'),
+  btnConnectText: document.getElementById('btn-connect-text'),
 
   // Status
   statusCard: document.getElementById('status-card'),
@@ -100,6 +101,7 @@ function setupEventListeners() {
 
   // Connect button
   elements.btnConnect.addEventListener('click', handleConnect);
+  elements.btnConnectText.addEventListener('click', handleConnect);
 
   // Public mode
   elements.btnNextProxy.addEventListener('click', handleNextProxy);
@@ -246,12 +248,7 @@ async function handleNextProxy() {
   elements.statusText.style.color = '';
 
   elements.btnNextProxy.disabled = false;
-  elements.btnNextProxy.innerHTML = `
+  elements.btnNextProxy.textContent = 'Next Proxy';
-    <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-      <polyline points="9 18 15 12 9 6"/>
-    </svg>
-    Next Proxy
-  `;
 
   if (response.success) {
     state.currentProxy = response.proxy;
@@ -375,6 +372,7 @@ async function disconnect() {
 
 function updateConnectionUI() {
   const btn = elements.btnConnect;
+  const btnText = elements.btnConnectText;
   const card = elements.statusCard;
   const dot = elements.statusDot;
   const statusText = elements.statusText;
@@ -396,6 +394,8 @@ function updateConnectionUI() {
     statusText.textContent = 'Connecting...';
     statusIp.style.display = 'none';
     btn.disabled = true;
+    btnText.disabled = true;
+    btnText.textContent = 'Connecting...';
   } else if (state.blocked) {
     // Kill switch is active - traffic blocked
     btn.classList.add('blocked');
@@ -407,12 +407,16 @@ function updateConnectionUI() {
     statusIp.style.display = 'block';
     statusIp.style.color = 'var(--color-warning)';
     btn.disabled = false;
+    btnText.disabled = false;
+    btnText.textContent = 'Connect';
   } else if (state.connected) {
     btn.classList.add('connected');
     card.classList.add('connected');
     dot.classList.add('online');
     statusText.textContent = 'Connected';
     btn.disabled = false;
+    btnText.disabled = false;
+    btnText.textContent = 'Disconnect';
 
     // Show IP
     if (state.currentProxy) {
@@ -425,6 +429,8 @@ function updateConnectionUI() {
     statusText.textContent = 'Disconnected';
     statusIp.style.display = 'none';
     btn.disabled = false;
+    btnText.disabled = false;
+    btnText.textContent = 'Connect';
   }
 }
 

manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "ANyONe Extension",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "Privacy-focused Socks5 proxy management",
   "permissions": [
     "proxy",