Feat/update ranking scoreboard #96

[Achalogy]

Funciona 😎

2025-10-12.17-15-35.mp4

[adrianrrruiz]

Esta bueno, peeero lo de que este haciendo requests innecesarias no me cuadra tanto. Estaba buscando y con el cliente de supabase uno se puede suscribir a cambios que pueda tener la tabla "results". Acá hay un ejemplo:

const [rows, setRows] = useState<any[]>([]);

  useEffect(() => {
    // Cargar datos iniciales
    const load = async () => {
      const { data } = await supabase.from("clientes").select("*");
      setRows(data || []);
    };
    load();

    // Escuchar cambios en la tabla
    const channel = supabase
      .channel("public:clientes")
      .on(
        "postgres_changes",
        { event: "*", schema: "public", table: "clientes" },
        (payload) => {
          console.log("Cambio detectado:", payload);
          load(); // recargar lista
        }
      )
      .subscribe();

    return () => {
      supabase.removeChannel(channel);
    };
  }, []);

[adrianrrruiz]

El cliente de supabase lo puedes encontrar en src/lib/supabase

[adrianrrruiz]

@Samu-Kiss que dices del diseño?

[Achalogy]

está chistoso eso del subscribe, ya lo reviso

[Samu-Kiss]

@Samu-Kiss que dices del diseño?

que pena la demora con esto, han sido semanas complicadas. anyways, para el diseño estaba pensando en algo así

los numeritos irian en bc-liguria y los otros textos en montserrat :)

[Achalogy]

Estuve revisando lo del update, hay que montar al postgres unos triggers y hacer un monton de cosas, lo voy a revisar bien antes de hacer algo raro.

[Achalogy]

@Samu-Kiss revisa el diseño en la web

[adrianrrruiz]

Toca que si el avatar no carga, cargue una imagen por defecto. Creo que así lo tenías antes pero se daño @Achalogy

[Achalogy]

solo falta el valor de la imagen en el .env

[adrianrrruiz]

Vale, entonces toca que agregues en el .env.example cómo le llamaste a la variable. Lo otro para saber es si revisaste lo del suscribe con supabase para lo cambios en el ranking? o la otra es usar el servicio de realtime de supabase @Achalogy

[TalkySafe143]

Esta con supabase realtime, solo puede existir una suscripción activa.