From 4276f1da4e373182b8042ba1c1104b4dff65cafc Mon Sep 17 00:00:00 2001
From: Juan Felipe Duarte <70235683+DuarteJFelipe@users.noreply.github.com>
Date: Sat, 18 Oct 2025 10:28:30 -0500
Subject: [PATCH] Refactor IP display logic in ShowIpTest component

Simplifies the Livewire component by removing public and local IP properties and related listeners. Updates the Blade view to fetch and display the user's public IP using ipify API, removing previous local IP detection logic.
---
 app/Http/Livewire/ShowIpTest.php              | 15 +--------
 .../views/livewire/show-ip-test.blade.php     | 33 +++----------------
 2 files changed, 5 insertions(+), 43 deletions(-)

diff --git a/app/Http/Livewire/ShowIpTest.php b/app/Http/Livewire/ShowIpTest.php
index ebf56ea..7603265 100644
--- a/app/Http/Livewire/ShowIpTest.php
+++ b/app/Http/Livewire/ShowIpTest.php
@@ -7,20 +7,7 @@ use Illuminate\Support\Facades\Request;
 
 class ShowIpTest extends Component
 {
-    public $public_ip;
-    public $local_ip;
-
-    protected $listeners = ['setLocalIP' => 'setLocalIP'];
-
-    public function mount()
-    {
-        $this->public_ip = Request::ip();
-    }
-
-    public function setLocalIP($data)
-    {
-        $this->local_ip = $data['ip'];
-    }
+    public string $ipId = '';
 
     public function render()
     {
diff --git a/resources/views/livewire/show-ip-test.blade.php b/resources/views/livewire/show-ip-test.blade.php
index 0ef3005..6d82106 100644
--- a/resources/views/livewire/show-ip-test.blade.php
+++ b/resources/views/livewire/show-ip-test.blade.php
@@ -1,33 +1,8 @@
 <div x-data>
-    <div class="p-6 bg-white shadow rounded">
-        <h2 class="text-xl font-bold mb-4">IPs del Usuario</h2>
-
-        <div class="space-y-2">
-            <p><strong>IP pública (Laravel):</strong> {{ $public_ip }}</p>
-            <p><strong>IP local (JavaScript):</strong> {{ $local_ip ?? 'Detectando...' }}</p>
-        </div>
+    <div x-data="{ ipId: @entangle('ipId').live }" x-init="fetch('https://api.ipify.org/?format=json').then(res => res.json()).then(data => ipId = data.ip);">
+        <!-- Puedes mostrarla si quieres -->
+        <p class="">Tu IP es: <span x-text="ipId"></span></p>
     </div>
 
-    <script>
-        async function getLocalIP(callback) {
-            const pc = new RTCPeerConnection({ iceServers: [] });
-            pc.createDataChannel('');
-            pc.createOffer().then(offer => pc.setLocalDescription(offer));
-            pc.onicecandidate = event => {
-                if (!event || !event.candidate) return;
-                const candidate = event.candidate.candidate;
-                const ipMatch = candidate.match(/([0-9]{1,3}(\.[0-9]{1,3}){3})/);
-                if (ipMatch) {
-                    callback(ipMatch[1]);
-                    pc.close();
-                }
-            };
-        }
-
-        document.addEventListener('livewire:load', () => {
-            getLocalIP(ip => {
-                window.Livewire.dispatch('setLocalIP', { ip });
-            });
-        });
-    </script>
+    <script type="text/javascript" src="https://api.ipify.org/?format=jsonp&callback=get_ip"></script>
 </div>