From 94d5f64375799afc1703df46c8ddbbdc9e84b8e7 Mon Sep 17 00:00:00 2001
From: sebasgm80 <156004593+sebasgm80@users.noreply.github.com>
Date: Sun, 24 Aug 2025 21:46:58 +0200
Subject: [PATCH] refactor: use unified BTC price hook

---
 src/components/Calculator/Calculator.jsx |   4 +-
 src/hook/BTC.jsx                         | 111 -----------------------
 2 files changed, 2 insertions(+), 113 deletions(-)
 delete mode 100644 src/hook/BTC.jsx

diff --git a/src/components/Calculator/Calculator.jsx b/src/components/Calculator/Calculator.jsx
index 812df34..03728ca 100644
--- a/src/components/Calculator/Calculator.jsx
+++ b/src/components/Calculator/Calculator.jsx
@@ -1,4 +1,4 @@
-import { UseBTCPrice } from "../../hook/BTC";
+import useBTCPrice from "../../hooks/useBTCPrice.js";
 import { useState } from "react";
 import { differenceInMonths } from "date-fns";
 import "./Calculator.css";
@@ -10,7 +10,7 @@ export function Calculator() {
     const [walletValue, setWalletValue] = useState(0);
     const [btcIntocableValue, setBtcIntocableValue] = useState(0);
     const [selectedDate, setSelectedDate] = useState("");
-    const { price: btcPrice, loading, error } = UseBTCPrice();
+    const { price: btcPrice, loading, error } = useBTCPrice();
 
     // Función para manejar el cambio en el input de la wallet
     const handleWalletChange = (event) => {
diff --git a/src/hook/BTC.jsx b/src/hook/BTC.jsx
deleted file mode 100644
index 2782a7c..0000000
--- a/src/hook/BTC.jsx
+++ /dev/null
@@ -1,111 +0,0 @@
-import { useState, useEffect, useRef } from 'react';
-
-/**
- * @typedef {Object} BTCState
- * @property {number | null} price
- * @property {'coindesk' | 'coingecko' | 'binance' | null} source
- * @property {boolean} loading
- * @property {string | null} error
- */
-
-/**
- * Hook to obtain the Bitcoin price from multiple providers.
- * @param {number} [refreshMs=60000]
- * @returns {BTCState}
- */
-export function UseBTCPrice(refreshMs = 60000) {
-  const [state, setState] = useState(
-    /** @type {BTCState} */ ({ price: null, source: null, loading: true, error: null })
-  );
-  const timer = useRef(/** @type {number | null} */ (null));
-
-  useEffect(() => {
-    const controller = new AbortController();
-
-    const fetchCoindesk = async () => {
-      // Endpoint correcto: incluye EUR dentro de currentprice.json
-      const res = await fetch('https://api.coindesk.com/v1/bpi/currentprice.json', {
-        signal: controller.signal,
-      });
-      if (!res.ok) throw new Error(`Coindesk ${res.status}`);
-      const data = await res.json();
-      // Estructura: data.bpi.EUR.rate_float
-      const price = Number(data?.bpi?.EUR?.rate_float);
-      if (!Number.isFinite(price)) throw new Error('Coindesk sin EUR válido');
-      return { price, source: 'coindesk' };
-    };
-
-    const fetchCoingecko = async () => {
-      const res = await fetch(
-        'https://api.coingecko.com/api/v3/simple/price?ids=bitcoin&vs_currencies=eur',
-        { signal: controller.signal }
-      );
-      if (!res.ok) throw new Error(`CoinGecko ${res.status}`);
-      const data = await res.json();
-      const price = Number(data?.bitcoin?.eur);
-      if (!Number.isFinite(price)) throw new Error('CoinGecko sin EUR válido');
-      return { price, source: 'coingecko' };
-    };
-
-    const fetchBinance = async () => {
-      const res = await fetch(
-        'https://api.binance.com/api/v3/ticker/price?symbol=BTCEUR',
-        { signal: controller.signal }
-      );
-      if (!res.ok) throw new Error(`Binance ${res.status}`);
-      const data = await res.json();
-      const price = Number(data?.price);
-      if (!Number.isFinite(price)) throw new Error('Binance sin precio válido');
-      return { price, source: 'binance' };
-    };
-
-    const getPrice = async () => {
-      setState(s => ({ ...s, loading: true, error: null }));
-
-      try {
-        const r1 = await fetchCoindesk();
-        setState({ price: r1.price, source: r1.source, loading: false, error: null });
-        return;
-      } catch (e1) {
-        // continúa
-      }
-
-      try {
-        const r2 = await fetchCoingecko();
-        setState({ price: r2.price, source: r2.source, loading: false, error: null });
-        return;
-      } catch (e2) {
-        // continúa
-      }
-
-      try {
-        const r3 = await fetchBinance();
-        setState({ price: r3.price, source: r3.source, loading: false, error: null });
-        return;
-      } catch (e3) {
-        setState(s => ({
-          ...s,
-          loading: false,
-          error: 'No se pudo obtener el precio (Coindesk/Coingecko/Binance fallaron)',
-        }));
-      }
-    };
-
-    getPrice();
-
-    // refresco periódico
-    if (refreshMs > 0) {
-      timer.current = window.setInterval(getPrice, refreshMs);
-    }
-
-    return () => {
-      controller.abort();
-      if (timer.current) {
-        clearInterval(timer.current);
-        timer.current = null;
-      }
-    };
-  }, [refreshMs]);
-
-  return state; // { price, source, loading, error }
-}