Table Loading

Table Loading, Ops Table bileşeninde veri yüklenirken kullanıcıya bir yükleme göstergesi sunmak için kullanılan bir bileşendir. Tablonun yükleme sürecinde kullanıcı deneyimini iyileştirir.

Ne İşe Yarar?

Table Loading:

• Tablo verileri yüklenirken kullanıcıya görsel bir bildirim sunar.
• Tablo yükleme durumuna bağlı olarak aktif hale gelir.

İş Mantığı

1. Durum Kontrolü:

   • tableLoading durumu kontrol edilerek yükleme işlemi başlatılır veya durdurulur.
   • Yükleme sırasında arka plan bulanıklaştırılarak kullanıcıya odaklanması gereken bir durum olduğu vurgulanır.

2. Görsel Gösterim:

   • CircularProgress bileşeni ile döngüsel bir yükleme animasyonu gösterilir.
   • Yükleme göstergesi tüm tabloyu kapsayacak şekilde konumlandırılır.

Aldığı Propslar

Table Loading bileşeni props almaz, yükleme durumu üst bileşenler tarafından yönetilir.

Yönetilen Olaylar

1. Yükleme Durumu Başlatma:

   • Eğer tableLoading durumu true ise, yükleme göstergesi aktif hale gelir ve kullanıcıya tablo yükleniyor mesajı verilir.

2. Yükleme Durumu Durdurma:

   • Eğer tableLoading durumu false ise, yükleme göstergesi kaldırılır ve tablo içeriği gösterilir.

İlgili Bileşenler

• OpsTableProvider: tableLoading durumunu yöneten ana bileşen.
• OpsTable: Tablonun yükleme sırasında gösterilen ana yapısı.

Burada Yapılan Ana İşlemler

Table Loading bileşeninde aşağıdaki işlemler anahtar rol oynar ve bu olaylara müdahale etmek için ilgili bölümlere odaklanabilirsiniz:

• Yükleme Durumu Yönetimi: Tablonun yükleme durumu aktif veya pasif hale getirilir.
• Kapsayıcı Gösterim: Yükleme göstergesi, tüm tabloyu kapsayacak şekilde konumlandırılır.

Örnek Kullanım

import React from "react";
import TableLoading from "./TableLoading";

export default function ExampleTableLoading({ tableLoading }) {
  return tableLoading ? <TableLoading /> : null;
}